Nighthawk From UK - Scotland, joined Sep 2001, 5093 posts, RR: 35
Reply 5, posted (8 years 4 months 2 weeks 2 days ago) and read 1075 times:
I notice your site uses DIVs to display the content, with CSS to position them. While this is strongly encouraged by the W3C, it is not always practical. Microsoft, as always, decided not to follow the pre-established standards, and as such IE does not implement the CSS boxing system as intended.
the standard specifies that the box should pad outwards, ie you specify the width of the DIV (100 pixels) then specify the padding (2 pixels), which gives you a box of 102 pixels.
Microsoft in their great wisdom decided to do it in reverse, you pad inwards. So you specify your 100 pixel wide DIV, with 2 pixel padding, resulting in a text area of 98 pixels, and a cell of 100.
As you can imagine this causes text to wrap in IE when it shouldnt, take up greater height, less width etc.
This is why the design does not render as intended in IE
There is a code you can add to the CSS which makes Firefox use the IE way of padding inwards, but i cant remember what it is right now. That is your only real hope, use the IE method, it might not be the standard, but seen as 88% of people use IE, you may as well design for it!
PS: I might have the boxing the wrong way round, IE might pad outwards whereas the standard is Inwards, or vice vesra, cant remember right now, and im too drunk to care, but thats your problem, different boxing implementations