[thelist] Windows IE folding my page

Simon Perry simon.perry at si-designs.co.uk
Fri Nov 7 07:10:47 CST 2003


Chris Price wrote:

>Hi
>
>I have used pure css throughout my site and, generally, it seems to work
>across browsers.
>
>However, on my home page I have 3 floating divs that line up nicely on all
>my Mac browsers but the 3rd div insists on dropping to the next line in Win
>IE.
>
>I have used percentage measurements in an effort to make it work as a fluid
>design but it doesn't seem to work.
>
>Can anyone tell me what I'm doing wrong?
>
>My site is choctaw.co.uk
>
>Ps. Does anyone know why the buttons at the top of the pages on
>wigtonmethodist.org are not at the top in Safari & Netscape on Mac.
>
>--
>Chris Price
>Choctaw Media
>
>  
>
Chris,

Your doc type does not include a link to the relevant specification and 
will put browsers into quirks mode[1]. Even after you fix that it is not 
a good idea to use 100% of the browser window as you have. The CSS 
specification states the width of a box refers to the 'content area' 
only [2]. The padding, borders and margins are then added to this value 
to arrive at the total width. Bingo; even before rounding errors you are 
using more than 100%. Each browser handles this differently but IE is 
particularly touchy and bumps the float down.

Simon

[1] http://www.hut.fi/u/hsivonen/doctype.html
[2] http://css-discuss.incutio.com/?page=BoxModelHack



More information about the thelist mailing list