1 reply [Last post]
JasdonLe's picture
Burbank, CA
Last seen: 18 years 40 weeks ago
Burbank, CA
Joined: 2003-11-02
Posts: 1
Points: 0

Hey everyone. Just found the site and I love it already.

I'm working on a page and for the most part everything is coming along well. I am encountering this problem, though. I've got a <div> area set up with what I thought was a fixed width. In IE 6 the area displays fine, but in Mozilla the text stretches out the area past where it should go and I can't for the life of me figure out why.

The area is called #main in the style sheet (<div id="main">[stuff]</div> in the .htm page).

The page is http://www.alisonandben.com/alisonandben.htm

The style sheet is located at http://www.alisonandben.com/style.css

If anyone could shed some light on this I would really appreciate it.

Tony's picture
Last seen: 1 week 4 days ago
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Could use the help of an expert!

Hi JasdonLe,
IE6 in Quirks mode calculates the box model differently from Netscape 7.
If you remove the prolog <?xml version="1.0" encoding="iso-8859-1"?> from the top of the document you should get more accurate widths.

There has been lots of talk on quirks and standards mode and box model in these forums and there are some good links to articles in the Useful CSS links

Hope that helps.