CSS positioning in Mozilla

Forum Moderators: not2easy

Message Too Old, No Replies

CSS positioning in Mozilla

ack, I have a problem...

korey1015

4:11 am on Jun 25, 2003 (gmt 0)

Hello, I'm having a problem with my website in Mozilla. My website contains three tables in it: two navigation tables and one content table. My problem is that all three tables are on top of eachother at the left in Mozilla rendering but in IE they are all where they are positioned at. In saying that, I should also say that I am using absolute positioning for all three tables. Is there any particular reason why Mozilla will not render the tables correctly? Thanks in advance!

grahamstewart

4:20 am on Jun 25, 2003 (gmt 0)

Hi korey1015,

Welcome to WebmasterWorld [webmasterworld.com]

I'll roll out our standard answer: first thing to do when you get odd behaviour or cross-browser problems is to validate your CSS and HTML.

W3C HTML Validator [validator.w3.org]

W3C CSS Validator [jigsaw.w3.org]

willybfriendly

5:01 am on Jun 25, 2003 (gmt 0)

I recently was running into similar problems with how a site was rendering on a Mac under Mozilla. Everything validated. I changed the doc type declaration to strict and the problems went away.

I am not as up to speed on the specifications as I should be, so I have no idea why this worked....

WBF

grahamstewart

5:21 am on Jun 25, 2003 (gmt 0)

You were probably using a short doctype so the browser was in Bugwards Compatability mode.
Using a full or strict doctype puts it into standard compliance mode.

The full correct HTML 4.01 Transitional doctype is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

..and the full HTML4.01 strict doctype is..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

See W3C Valid Doctype list [w3.org] for others.

willybfriendly

7:25 am on Jun 25, 2003 (gmt 0)

Yes, I went to W3C and lifted the strict doc type def and revalidated. Was pleased to discover that it validated in strict as well as transitional:) I have yet to figure out how all this effects rendering in the various browsers. In my spare time...:o

It was a little bit annoying as I was doing the site for a client that I had just talked into upgrading from her old NN4 browser. And then the stupid thing didn't render correctly. Worked fine across the board in Windoze browsers, but there was a glitch in the Mac display.

I never did like the taste of crow...

WBF