Diesmal geht es die Höhe von Div-Containern. Findige Designer haben sich ausgedacht ein Layout zu basteln, welches eine Fußzeile besitzt die immer am unteren Bildschirmrand klebt. Es sei denn der Inhalt ist größer, dann muss die Fußzeile mit runterrutschen.
Soweit kein Problem; vor einiger Zeit habe ich ein schönes Beispiel gefunden welches genau diese Problem löst, [...]
Der Pixelgangster hat mich auf das schöne Tool CSSTidy aufmerksam gemacht. Mit umfangreichen Möglichkeiten lassen sich so Stylesheets komprimieren und aufräumen. Verfügbar ist es als Software für Windows, Linux und OSX, aber auch als PHP Script (meine Wahl). So sieht es aus:
Nach der “Reinigung” gibt es ein übersichtliches Protokoll der vorgenommenen Änderungen:
Die CSS Datei von [...]
Wir brauchen mehrere Div-Container welche dynamisch per Typo3 gefüllt werden. Der Designer hat sich gemeinerweise ausgedacht, dass die Spalten stets die gleiche Höhe einnehmen und mit einer schönen Hintergrundfarbe versehen sein sollen.
Der Redakteur kann dabei bestimmen ob ein Inhaltselement ein Viertel oder zwei Viertel einnehmen soll. Dieser HTML Code wird erzeugt:
<div class="wrap">
<div class="box">Bla bla bla</div>
<div [...]