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

FireFox expert needed - My CSS won't play ball!

P: 3
I checked my www.MyCaymanCondo.ky site (which is fine in IE) in Firefox and at first it looked horrific with most content totally missing. I'm working first on sorting out the home page.

I've managed to deal with the Nested Div's problem to some extent so I'm almost there - but no matter what I do can I get FireFox to show the page content with the White background that I've got in the maincontainer div....

Can anyone help out here?!

The relevant extracts (I think) from my CSS are as follows -

#maincontainer{
width: 840px; /*Width of main container*/
background-color: #ffffff;
border: 1px solid black;
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 100px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
font-size: 11px;
color: #003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
}
Apr 26 '07 #1
Share this Question
Share on Google+
4 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Rarely is Firefox the problem and almost always it's IE. If you design using IE then it can almost be assured all other browsers will have problems. IE is old, buggy and non-standard.

Validate your html and CSS for your list of errors. Fix those first using FF as your test browser, see what happens and let us know.
Apr 26 '07 #2

P: 3
Rarely is Firefox the problem and almost always it's IE. If you design using IE then it can almost be assured all other browsers will have problems. IE is old, buggy and non-standard.

Validate your html and CSS for your list of errors. Fix those first using FF as your test browser, see what happens and let us know.
Thanks for this direction. After years with IE, I will now switch to FF development first after all the good advice in these forums....

Anyway, my problem - I've gone through now and got my CSS and HTML validated (there were problems in both) - I now meet all accessibility, XHTML 1.0 and CSS standards. Sadly though I'm still having the problem. In IE, www.mycaymancondo.ky looks as it should. In Firefox the white background for the main page is lost. Just can't see why :-( Can anyone come to the rescue here?

Cheers!
Apr 27 '07 #3

drhowarddrfine
Expert 5K+
P: 7,435
The body background is set to that color. Go to 'body' in your css and remove the 'background-color' line.
Apr 27 '07 #4

P: 3
The body background is set to that color. Go to 'body' in your css and remove the 'background-color' line.
I wanted the main body that color - On top of that is a 'main container' which was supposed to be white.......

I've tidied the code that bit further now and I'm happy with how it's looking now. Still got a strange blue line between menu and page in Firefox - but it's not a problem for me now. I'm happy with how that looks.

Thanks for your help. I've learnt to go with Firefox as my primary test tool as I build!
Apr 28 '07 #5

Post your reply

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