Box-modell IE 5.0/5.5 windows

11 svar · 676 visningar · startad av K@llen 7 sep. 2005

K@llenMedlem sedan mars 20032 667 inlägg

Frågan7 sep. 2005 16:03#1

Hejsan,

Jag har lite beskymmer med min sajt (http://reklamtexter.se). Innehållet för högerspalten hamnar under innehållet i vänsterspalten i IE 5.5 windows. Fick gissningen i forumet (Kolla min hemsida) att det kunde bero på den felaktiga Box-modellen för IE 5.0/5.5 windows. Läste om detta här: http://tantek.com/CSS/Examples/boxmodelhack.html

Men en fråga i HTML/CSS hjälper nog framtida frågeställare bättre. Nu till min fråga:

Jag har en rad divvar som ett tvåkolumn-system.

1 div som Container.
1 div som vänsterspalt.
1 div som högerspalt.

I diven för repektiva spalt har jag en content-div för innehållet.

Fråga: vilka divvar behöver jag applicera box-modell-hacket på?

InsiderMedlem sedan jan. 2000978 inlägg

7 sep. 2005 16:31#2

Tja, för att samtliga <DIV> ska få rätt bredd i IE5.X så borde du applicera den på de divvar som har antingen en border eller en padding och i de fallen öka bredden för IE med dess sammanlagda värde. (border + padding, på båda sidorna)

K@llenMedlem sedan mars 20032 667 inlägg

7 sep. 2005 16:35#3

Okey tack. :) Lite ny på det här med CSS-finesser.

Följdfråga:
Ska jag bara öka för border+padding? Eller för border+padding+margin?

InsiderMedlem sedan jan. 2000978 inlägg

7 sep. 2005 16:44#4

Bara för border + padding.
Här är lite förklaringar om det hela:
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm

K@llenMedlem sedan mars 20032 667 inlägg

7 sep. 2005 17:03#5

Hur gör man för en div där width: är satt till procent? Räkna om till lmpligt pixleltal eller?

K@llenMedlem sedan mars 20032 667 inlägg

7 sep. 2005 17:34#6

Jag räknade om till fasta mått. Tack Insider för dina tips. :D

Nu återstår det att vänta tills i morgon på jobb för att testa fulhacket i IE 5.5 Windows. :(

K@llenMedlem sedan mars 20032 667 inlägg

7 sep. 2005 20:23#7

Box-modellhacket verkade inte hjälpa på mitt problem. Har ingen aning om var jag ska leta efter felet nu. Mina CSS-erfarenheter när det gäller layout är minimala.

Vill någon vänlig själ hjälpa till med förslag på lösning?

Adresser:
Sidan:
http://reklamtexter.se

CSS-filer:
http://reklamtexter.se/layout.css
http://reklamtexter.se/presentation.css

InsiderMedlem sedan jan. 2000978 inlägg

7 sep. 2005 21:05#8

På .byline och .commenthead har du räknat fel på bredden för IE. Det verkar som du har räknat med även top och bottom-padding, vilket inte påverkar bredden. Dra av 8 pixlar på width när du sätter för IE.

jarvkloMedlem sedan juli 20013 378 inlägg

7 sep. 2005 21:10#9

Ehm - kan du inte bara helt enkelt fixa en helt separat stilmall för MSIE<6 och växla in den med en villkorlig kommentar ?

Med MSIE7 i faggorna är det IMHO numera större anledning än någonsin att försöka undvika CSS-hacks ;)

K@llenMedlem sedan mars 20032 667 inlägg

8 sep. 2005 14:24#10

Insider skrev:

På .byline och .commenthead har du räknat fel på bredden för IE. Det verkar som du har räknat med även top och bottom-padding, vilket inte påverkar bredden. Dra av 8 pixlar på width när du sätter för IE.

Tack för din uppmärksamhet. Detta verkar ha avhjälpt problemet. :D

K@llenMedlem sedan mars 20032 667 inlägg

8 sep. 2005 14:28#11

jarvklo skrev:

Ehm - kan du inte bara helt enkelt fixa en helt separat stilmall för MSIE<6 och växla in den med en villkorlig kommentar ?

Med MSIE7 i faggorna är det IMHO numera större anledning än någonsin att försöka undvika CSS-hacks ;)

Nu när jag löst problemet med ett hack är det enkelt att byta till egna CSS-filer för IE < 6. Jag har redan denna kommentaren:

<!--[if IE]>
<style type="text/css">
#container {height:100%}
</style>
<![endif]-->

Kan jag lägga den kommentaren du länkar till direkt under ovanstående?

jarvkloMedlem sedan juli 20013 378 inlägg

8 sep. 2005 17:27#12

Yep