There's a few issues I could point out.
Firstly, there are plenty of good fixed width 2 column layouts with a header
and footer that will help show you some good practices. A google search for
css layouts will help there.
I thought about listing the most important issues regarding css positioning.
First up though, I did a quick hack of the css you had and also deleted a
couple of superfluous divs that weren't needed in the html.
Have a look
It's not real pretty or optimal or well tested but hopefully, looking at the
differences in the two (your version vs my edit) should help show you what
you're doing that's making it look strange in Moz. I would point out that
IE's ahem - shortcomings are teaching you some rather nasty habits. Try
developing your layouts with a browser which does layouts in a
more...sensible fashion and then adjust for IE's quirks later.
Let us know your questions.
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Robert O'Neill
Sent: Thursday, 1 July 2004 9:41 PM
To: [EMAIL PROTECTED]
Subject: [WSG] My CSS not multi browser - help needed
Hello all, this is my first attempt at moving from tables to CSS for layout:
Looks as expected in IE6 but navigation does not float as expected in Opera
and in Mozilla the footer moves to the top of the page. Any help, advice, or
guidance would be greatly appreciated.
The stylesheet controlling the layout is
Thanx in advance.
Please visit the PPA Website at: www.ppa.org.uk
Web Team Manager
Prescription Pricing Authority
152 Pilgrim Street
Newcastle Upon Tyne
email: [EMAIL PROTECTED]
tel: (0191) 203 5246
*** IMPORTANT NOTICE ***
*** PPA DISCLAIMER ***
This e-mail and any attachments transmitted with it, including replies and
forwarded copies subsequently transmitted (which may contain alterations),
contains information which may be confidential and which may also be
The content of this e-mail is for the exclusive use of the intended
recipient(s). If you are not the intended recipient(s), or the person
authorised as responsible for delivery to the intended recipient(s), please
note that any form of distribution, copying or use of this e-mail
or the information in it is strictly prohibited and may be unlawful.
If you have received this e-mail in error please notify the Network Team at
the Prescription Pricing Authority via e-mail to [EMAIL PROTECTED]
including a copy of this message. Please then delete this e-mail and destroy
any copies of it.
Further, we make every effort to keep our network free from viruses.
However, you do need to validate this e-mail and any attachments to it for
viruses, as we can take no responsibility for any computer virus that might
be transferred by way of this e-mail.
This e-mail is from the Prescription Pricing Authority whose principal
office is at Bridge House, 152 Pilgrim Street, Newcastle-upon-Tyne, NE1 6SN.
Switchboard Telephone Number :- +44 (0)191 232 5371
The discussion list for http://webstandardsgroup.org/
for some hints on posting to the list getting help