ugrás a tartalomhoz

div egymásba-ágyazás probléma

Napster · 2009. Aug. 4. (K), 14.11
Hello

Probléma az hogy elég sok divvel kialakítottam az oldal alakját, és nem úgy viselkedik ahogy szeretném. a "page" div-ben van két másik div, "tartalom" és "modulok". a "modulok" divben növelve a modulok számát, nyúlik a "page" div, de ha a "tartalom"-ban lévő "post"-okat növelem, a "page" div nem nyúlik, és - ahogy az oldalon is látszik - kilóg a belső div.
Valamit a css kódban ronthattam el, ezért kérném segítségeteket, amit előre is köszönök.

Az oldal
a css
 
1

float

gex · 2009. Aug. 4. (K), 14.30
igen, így működnek a floatolt elemek, nincsenek hatással a szülő elem magasságára. két dolgot tehetsz:
1. extra html
beraksz a div#page_center-be egy extra pl br elemet, aminek adsz egy clear: both; tulajdonságot.
2. css
div#page_center-nek adsz egy overflow: auto; tulajdonságot, ez azonban néha bugos ie6(-7?) alatt.
2

jónak tűnik

Napster · 2009. Aug. 4. (K), 14.53
Az overflow tulajdonság beállítása után tökéletesen működik Firefox 3-ban és IE 8-ban is. Más böngészőben nem tudom kipróbálni, de ha IE6-7-ben nem jó, akkor talán jobb lenne a másik megoldás, mert elég sokan használják még azokat a böngészőket sajna.

Mindenesetre köszönöm a megoldást!
3

elvileg jó

gex · 2009. Aug. 4. (K), 15.09
ie-kben tesztelésre itt egy kiváló eszköz.
az oldal most jónak tűnik, csak egy double margin bug jött elő ie6ban, amit a div#tartalomnak adott display: inline; tulajdonsággal tudsz helyrerakni.
4

OMG

Napster · 2009. Aug. 4. (K), 17.12
Úristen honnan jönnek ezek az ötletek :D Működik köszi.
Ja és az IE-s tesztelő oldal is frankó nem tudtam róla.
5

This service is unavailable on your device

Ustak · 2009. Aug. 4. (K), 21.16
How sad.
Üdv:
Gábor.