1 reply [Last post]
Last seen: 19 years 3 weeks ago
Timezone: GMT+1
Joined: 2003-09-09
Posts: 2
Points: 0


making this site, http://users.pandora.be/pluickx/hir2

and i have some problems (who doesn't?)

first one has to do with #hoofding
it's the blue bar under the img
in ie, u can see that left, there r 4px margin, but at the right u can see 6px
but in mozilla its 4px each side (wich it should be...)
now i know that this has to do with the border of the #container, 1px each side, cuz when i do 0px, it's correct in ie and moz...
how could i fix this??

second, when i use padding for the text in the boxes, in ie it does what u would expect, in moz, it adds just some box (box becomes wider and the text stays where it was)
again, take #hoofding, when u do some top or left padding, the box becomes higher/wider in moz


Sydney, Australia
Last seen: 18 years 45 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

margins & paddings -> crossbrowser problem


1) IE6 correctly renders the box model, IE5.n does not. The Voice Family hack also affects IE6, so in your CSS you have not passed over the correct width to IE6. Use the * HTML hack instead. http://css-discuss.incutio.com/?page=BoxModelHack

2) placement of this <?xml version="1.0" encoding="iso-8859-1"?> at the beginning of the document can place IE6 into quirky mode (IE5.n mode) but does not seem the case here, but for safety move it under you doc type.


The only way to learn is to do it yourself