looks great in IE but terrible in firefox.. need help

**Sonti** · 12-21-2005, 10:40 PM

hi i just made a website which works well in IE but it is totally messed up in firefox.

click here to see the site. I'm guessing something in CSS is just not right for FF, is there anyway to fix this problem without making any changes?

thx in advance

here is the css file

Code:

body, td, th, {

	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#FFFFFF;
}

.style1 {color: #FFFFFF}

table.border {
border : 1px solid;
border-color:#FFFFFF;
}

a {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#FFFFFF;
	text-decoration:none;
	}

a:hover {
text-decoration:underline;
}




#navigate { width: 420px; text-align: left; margin: 0 auto 8px; font-size:10px}
.entry { background: #000000; border: solid 1px white; width: 400px; padding: 10px; margin: 0 auto 15px; text-align: left }
.navn { font-weight: bold; 
font-size:10px }
.info { float: right; margin-bottom: 1em }
.entry p { clear: both; margin-top: 0; margin-bottom: 1em;
font-size:10px }
.dato { font-size: 10px; text-align: right }
label { float: left; text-align: left; font-weight: bold;
font-size:10px; }
input, textarea { width: 175px; background: #DEF; border: solid white 1px; background: #FFFFFF; font: 10px Verdana, Arial, Helvetica, sans-serif }
input.submit { font-weight: bold; width: auto }
#submit { font-weight: bold; margin-left: 130px; text-align: left }
* html #submit { margin-left: 133px }
form { margin-bottom: 1em }

**funkdaddu** · 11:09 PM

Don't know what it's supposed to look like (i'm on a Mac) but the one thing I see is that the flash movie won't show up right because your <embed> has the wrong height/width - it's set to 32x32 not 700x200 like your <object> tag is.

You also have a table's height set to "%100" not "100%", you're missing a closing comment in your javascript, and a couple other things - you should really check the syntax, there are lots of problems. It's not showing your links because you have the color of the links set to white!

Remove:

color:#FFFFFF;

from your A stylesheet.

**Sonti** · 11:35 PM

hi thx for the reply,

i fixed the embed thingy and deleted the comment, The site is pretty much black, the background tables are everything is black except the links, so i did the links white on purpose,

In firefox the background is white and the fonts are default which shouldnt be, which i can't figure why it won't get the info from the css file. Any ideas? thx

**funkdaddu** · 12-22-2005, 12:48 AM

OK, I got it... you have an extra comma in a CSS selector:

Code:

body, td, th, {

should be:

Code:

body, td, th {

removing that last comma, Safari & Mozilla were waiting for another selector... there ya go!

**Sonti** · 12-22-2005, 06:09 AM

that was it! thanks a lot funkdaddu