BLOG

Übergroßer Abstand dank "clear-block:after"

Gelegentlich erscheint es mir etwas anstrengend, mich mit den diversen CSS-Anweisungen zum Thema Unordered Lists in Drupal (li.leaf, .item-list ul li, usw.) zu beschäftigen. Das läuft dann oftmals darauf hinaus, dass ich vorrangig damit beschäftigt bin, die bestehenden Style-Deklarationen auszumachen, um sie allesamt überschreiben zu können.

Den Traum von einem weniger umfangreichen Core-CSS habe ich jüngst auch an anderer Stelle geträumt. Ich hatte mich sehr darüber gewundert, aus welchem Grund ein div mehrere hundert Pixel hoch war, obwohl keine ausdrückliche Deklaration vorhanden war und keines der enthaltenen Elemente eine nennenswerte Höhe hatte. An dieser Stelle konnte mir selbst Firebug nicht weiterhelfen. Letzlich lag es an der Style-Deklaration .clear-block:after {clear: both;} aus default.css. Dies war relativ schwer zu ermitteln, da das Pseudoelement after von Firebug in der Styles-Anzeige leider nicht aufgeführt wird, sehr wohl aber in der Aufführung des gesamten CSS. Beheben ließ sich das Problem folglich mit:

#div-id.clear-block:after {clear: none;}

Von daher gilt hier für den Core-Style: Weniger ist (für mich) manchmal mehr.

Kommentare

der artikel ist zwar ur-alt

der artikel ist zwar ur-alt allerdings hatte ich gerade genau das selbe problem..

meine lösung:
hab dem entsprechenden block einfach eine höhe gegeben und das problem war gelöst ;)

lg

Kommentar hinzufügen

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt.
Mit dem Absenden dieses Formulars, akzeptieren Sie die Datenschutzrichtlinie von Mollom.