Jeg sliter med DIV! (float og margin) i IE...

[JohnRichard]

Link

 

Hei!

 

Har insett at tabeller ikke skal brukes til layout. Og jobber derfor med å kode om en side jeg er webmaster for, dette er i forbindelse med annen omstrukturering av serversidekode.

 

Dessverre møter jeg på problemer med en gang.

 

#wrap er rød

#menu er grønn

#content er blå

 

Prøver å lage to kolonner.

 

#menu og #wrap

 

Dessverre får jeg ikke plassert disse riktig på bakgrunnsbildet (de er riktig plassert i Opera 7.53 og Firefox 1.0RPC, men ikke i IE6).

 

Videre skal jeg ha to kolonner inne i #content, men regner meg jeg vil støte på samme problem der.

 

Tilslutt har jeg ett annet spørsmål: Hvorfor er #wrap høyden 0px i FF, mens elementene jeg har lagt inne kommer inni (#wrap øker høyden etter innholdet) i Opera og IE? (Litt rotete forklart, men dere ser kanskje hva jeg mener).

 

Jeg skjønner ingenting jeg, bortsett fra at det ser ut til at IE bugger mest om jeg skriver det som jeg oppfatter som standardkode (validerer i hvertfall ). ??! :dontgetit:

 

Link

 

Edit: Det er når jeg legger på float: left/right; at IE bugger med margins, etc....

Endret 18. oktober 2004 av JohnRichard

[PoleCat]

Uten å sett over koden, vil jeg tro at det første problemet skyldes «IE Doubled Float Margin»

 

Det andre problemet løses ved å "cleare" de flytende elementene, ved å legge en slik i bunn av wrapperen:

<div style="clear: both; overflow: hidden; height: 1px;"></div>

[JohnRichard]

Awesome PC !

 

Ikke bare mekket du den fantastisk enkle faux coloumn 100% height guiden, men du løste problemene mine på nullkommasvisj!

 

 

PoleCat du er (X)HTML/CSS guden min