https://wiki.cbeier.net/ Thu, 02 Jul 2026 00:37:10 +0000 FeedCreator 1.8 https://wiki.cbeier.net/ttps://wiki.cbeier.net/lib/tpl/argon/images/favicon.ico https://wiki.cbeier.net/ https://wiki.cbeier.net/webworking/css/css_snippets/clearfix_snippet Clearfix Snippet Methode 1 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* IE6 */ * html .clearfix { height: 1%; } /* IE7 */ *:first-child + html .clearfix { min-height: 1%; } Methode 2 ("Micro Clearfix") anonymous@undisclosed.example.com (Anonymous) css snippet Mon, 02 Oct 2017 22:43:36 +0000 https://wiki.cbeier.net/webworking/css/css_snippets/div_oder_jedes_andere_element_vertikal_zentrieren Div (oder jedes andere Element) vertikal zentrieren Ein Element per CSS vertikal zentriert auszurichten, ist bisher recht trickreich und fummelig gewiesen. Mit CSS3 Transforms gibt es jetzt eine etwas elegantere Lösung, mit der sich Text und jedes andere Element vertikal zentrieren lassen: anonymous@undisclosed.example.com (Anonymous) snippet css css3 Mon, 02 Oct 2017 22:43:36 +0000 https://wiki.cbeier.net/webworking/css/css_snippets/elemente_aus_container_wrapper_ausbrechen_lassen Einzelne Elemente aus Container (Wrapper) ausbrechen lassen In Layouts wird der Inhaltsbereich gerne in einem Wrapper bzw. Container in der Breite begrenzt und zentriert. Bei Bootstrap zum Beispiel mit der Klasse .container. Allerdings sind so alle Kindelemente ebenfalls in der Breite begrenzt. Möchte man einzelne Elemente (z.B. ein Hero-Slider) trotzdem auf 100% der Fensterbreite bekommen, ohne auf die Begrenzung für alle anderen Elemente zu verzichten, ist folgendes anonymous@undisclosed.example.com (Anonymous) snippet css bootstrap Wed, 17 Jan 2018 10:26:03 +0000 https://wiki.cbeier.net/webworking/css/css_snippets/floating_alle_x-elemente_aufheben Floating alle x-Elemente aufheben Hat man eine Liste von Elementen (z.B. divs) und möchte diese nebeneinander darstellen (Spalten), kann es durch unterschiedliche hohe Elemente (divs) zu Float-Problemen führen. Daher sollte das Floating für jede neue Reihe vorher aufgehoben werden. Mit diesem Snippets kann dies automatisch alle x-Elemente erledigt werden: anonymous@undisclosed.example.com (Anonymous) css css3 snippets Mon, 02 Oct 2017 22:43:36 +0000 https://wiki.cbeier.net/webworking/css/css_snippets/start CSS Snippets * Clearfix Snippet * Floating alle x-Elemente aufheben * Div (oder jedes andere Element) vertikal zentrieren * Elemente aus Container (Wrapper) ausbrechen lassen anonymous@undisclosed.example.com (Anonymous) webworking:css:css_snippets Wed, 17 Jan 2018 10:25:54 +0000