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.
Could use the help of an expert!
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.