[s1ck]

Hallo,

mein Situation zur Zeit:

habe eine HP welche einen Div-Layer ohne angegebene Höhe besitzt.
In diesem Div-Layer befinden sich weitere Divs, teils mit angegebener Höhe, teils ohne.

Im IE sowie im Opera wird der oberste Div-layer, in dem die anderen integriert sind, jeweils so hoch gemacht wie der Inhalt ist und das soll auch so sein.
Das Problem im Firefox ist nun, dass er meinen Div-Layer auf eine bestimmte größe zeichnet und dann den Inhalt (in meinem Fall weitere Div-Layer) einfach darüber hinaus setzt.

Wieso ist das so und wie kann ich das verhindern ohne exakte Größen setzen zu müssen? (Soll dynamisch bleiben, Höhe soll sich dem Inhalt anpassen).

Bisherige Versuche:
- height:100%; --> keine Auswirkungen
- feste Höhe eignegeben --> geht wunderbar, ist aber nicht mehr dynamisch und bringt mir somit auch nix

Wäre über Hilfe dankbar

mfg s1ck (Hobby-HP-Bastler)

[bel]

Sind von den inneren Divs welche gefloatet? dann hilft ein clearendes Element dahinter.

[s1ck]

Ja, sind welche gefloatet... was ist ein clearendes element?

mfg

[dastef]

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clear

[beeviZ]

ich glaub eher das es an der fest angegebenen höhe liegt. nimm das height: xxx weg, und mach n min-height: xxx stattdessen.

[smile jamaica]

der eintrag ist zwar schon alt, aber hatte grad gleiches problem und kam auch grad schnell über google in den beitrag.
hab eine lösung gefunden, sofern es wie bei mir:
- layer je zeile
- layer mit width (untersch.) als spalte
der style der spalte beinhaltet nur float: left; und die width.
der sytele der zeile hat den (wie auch bei tabellen möglich) zeilen border margin ...
damit dann die zeile automatisch an der höhe vergrößert wird, einfach am ende bzw. nach allen spalten ein
<p style="clear: both;"></p> rein und gut ist
kann je nach style doch zu einem prob führen.
dann einfach mal ein br z.b. <br style="clear: both;"> probieren.