1 reply [Last post]
JasdonLe
JasdonLe's picture
Offline
newbie
Burbank, CA
Last seen: 15 years 51 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
Tony's picture
Offline
Moderator
Brisbane
Last seen: 6 days 15 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

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.