Zentrieren mit Float und Clear

24.01.2010 21:21 von Frank Burek

Ich bin kein Fan von Framesets und kleinen scrollbaren "frameset-simulierenden Containern", in denen der Inhalt dargestellt wird. Die Aufgabenstellung bei der Neugestaltung der Homepage landgasthof-buch.de erforderte aber die Umsetzung von letzterem.

Zugegeben meine eigene Homepage hatte ich schon einmal in einen solchen "Container" gepackt und es hat ja auch was für sich. Dem Container wurde eine Breite und Höhe zugewiesen und mit absoluter Psoitionierung inkl. negativer Floats wurde er in der Mitte des Bildschirms zentriert. Die Lösung hatte nur einen Haken: Bei zu kleinen Monitoren (bzw. Auflösung) schob es den Container nach oben aus dem Bildschirm raus. Scrollen? - Pustekuchen!

Im Fachbuch "Fortgeschrittene CSS-Techniken" von Ingo Chao und Corina Rudel wird ein anderer Weg beschrieben, der o.g. Nachteil ausschließt. Es wird mit Float und Clear gearbeitet und auf absolute Positionierungen und negative Margins verzichtet.

Das Buch kann ich sehr empfehlen und meine Umsetzung findet Ihr auf der Homepage vom Landgasthof Buch.

Zurück