By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,952 Members | 1,450 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,952 IT Pros & Developers. It's quick & easy.

Firefox and Div positioning

P: 1
Hi,

I've been searching google for hours now trying to work out why my page wont display correctly in firefox. the site can be seen at: www.pureblue.it and as you'll notice in firefox the menu covers the top of the text area.

I know its linked to my css but i just cant work it out Any help would be greatly appreciated!

The offending div uses the following element from my stylesheet

#content {
width:712px;
height:500px;
margin:0px 0px 0px 0px;
padding:0;
text-align:left;
display:block;}

Thanks in advance!

Matt
Oct 30 '06 #1
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
content2 has an extra closing bracket in your css but that won't fix it.
Your doctype is incomplete and IE is in quirks mode. You should also use a strict one:

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

You fooled me by having inline styling along with the external sheet. Remember that floated and absolutely positioned elements are removed from the normal flow. This is why the lower div is rising up. It is NOT happening in IE because it is a bug in IE. Firefox is performing correctly.
Oct 30 '06 #2

Post your reply

Sign in to post your reply or Sign up for a free account.