Frederik: "Anzeigen" leerer Divs im Firefox

Hallo!

Gerade habe ich eine Mail bekommen, dass auf der Seite http://www.campusradio.uni-bremen.de, die ich betreue, das Hintergrundbild der Liste mit den kommenden Themen nicht angezeigt würde. Das tauchte aber nur im Firefox auf, Opera und IE machten keine Probleme.

Das Problem habe ich auch gefunden und behelfsmäßig gelöst: Die Struktur ist folgende: Es gibt ein div.listbox, dem der Hintergrund zugeordnet ist. Innerhalb des Div liegt eine h4.listtitel und eine ul.liste, beide links gefloatet. Um den Elementenfluss wiederherzustellen und die div.listbox auch anzuzeigen folgt auf die ul ein div mit clear:left.

Das scheint dem FF aber nicht zu reichen, denn er zeigte den Hintergrund des div.listbox nicht an. Jetzt habe ich in das div mit dem clear ein   gesetzt, und es klappt. Nur, dass jetzt halt unten diese nicht so schöne Leerzeile ist.

Ist das Verhalten des FF da korrekt? Gibt es andere Lösungsmöglichkeiten?

Ich werde noch nicht ganz schlau daraus...

Liebe Grüße
Fredo

  1. Hallo,

    Ist das Verhalten des FF da korrekt? Gibt es andere Lösungsmöglichkeiten?

    Eine mögliche Lösung wäre, der Klasse .break noch ein

    height: 1px;
      overflow: hidden

    zu verpassen. Das klappt bei mir im Mozilla wunderbar.

    Viele Grüße
    Frank