Baffled

**bellringr** · September 28, 2006

OK, I'm hoping this turns out to be a dumb question because that will mean it's easy to fix.

I am ready to pull my hair out. I'm working in Dreamweaver MX 2004, making a simple web page, but for some reason, no background colors are showing in Firefox. I first noticed when trying to set the bg color of a table, then tried it on the entire page and neither would show any color in preview or production in Firefox, but it will in IE. I don't think it's DW because I've checked the code, and hand-coded it, and the results are the same.

I have a stylesheet attached, but it only controls the font and font color.

Here's the link - http://www.gryfalia.com/aerie/index.shtml Note the cell with the location is the one with the bg color set.

I'm just so confused....I've done countless pages using Firefox to preview and I've never had this issue come up before. I know FF and IE have their differences, but this is just a silly background color. <_< What am I missing??

**TCH-Thomas** · September 28, 2006

Does the color miss a # ?

**bellringr** · September 28, 2006

See! I knew it was some little thing I was overlooking!

Thank you, Thomas - I can go to bed now. <_<

**TCH-Thomas** · September 28, 2006

Good night and sleep well.

**TCH-Don** · September 28, 2006

Good catch Thomas

**stevevan** · September 28, 2006

Nicely done Thomas. It always seems to be the little things that I have problems with too!

**telcor** · September 29, 2006

When I find myself frustrated by HTML and CSS errors, no matter how long I've searched and searched to find them, the CSS Validator is always there to keep my hair intact. It finds those silly little errors that my eyes gloss over.

**TCH-Bruce** · September 29, 2006

And a good extension for Firefox is the Web Developer Toolbar that puts links to various validators at your fingertips as well as allowing you to edit your CSS file in a live environment.

**OldTimer** · September 29, 2006

bellringr

This doesn't look right.

You may want to correct your code a bit. (see below)

><body>
<table width="98%"  border="0" cellspacing="0" cellpadding="0">
 <tr>
<td width="60%" valign="top"><img src="images/logo_brown_500final.jpg" width="434" height="340"></td>
<td width="40%" valign="middle"><div align="center">
	<p>
	  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Menu</title>
</head>

<body>
<p><img src="images/btn_home.jpg" width="134" height="47"></p>
<p><img src="images/btn_directions.jpg" width="134" height="47"></p>
<p><img src="images/btn_products.jpg" width="134" height="47"></p>
<p><img src="images/btn_schedule.jpg" width="134" height="47"></p>
<p><img src="images/btn_who.jpg" width="134" height="47"></p>
</body>
</html>

**bellringr** · September 30, 2006

I did run it through the html validator on the web developers toolbar, but for some reason it didn't catch it.

What do you see wrong with the code? The menu is a server side include....is that what you're talking about?

I know purists are going to tell me I should do the site all in css, but I had to get it out quickly, and I'm still a noob when it comes to writing stylesheets from scratch. :huh:

**TCH-Bruce** · September 30, 2006

The structure is all messed up.

"http://www.w3.org/TR/html4/loose.dtd">

Gryfalia's Aerie

"http://www.w3.org/TR/html4/loose.dtd">

Menu

You have multiple

tags and closing tags. There should only be one pair of each.

**bellringr** · September 30, 2006

The structure is all messed up.
You have multiple <head> <body> <html> tags and closing tags. There should only be one pair of each.

That's how it looks when you view source, but here's what the code on the actual page looks like:

><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="gryfalia,magic the gathering,german games,bloomington">
<meta name="description" content="Gryfalia's Aerie - The only place to come play in Bloomington/Normal">
<link href="asc.css" rel="stylesheet" type="text/css">
<title>Gryfalia's Aerie</title>
</head>
<body>
<table width="98%"  border="0" cellspacing="0" cellpadding="0">
 <tr>
<td width="60%" valign="top"><div align="center"><img src="images/logo_brown_500_beigefinal.jpg" width="428" height="336"></div></td>
<td width="40%" valign="middle"><div align="center">
   <p>
	  <!--#include virtual="menu.htm" -->
	</p>
  </div></td>
 </tr>
</table>
<p align="center"><strong><em>Bloomington/Normal's source for CCGs, minis, board games, and the finest German games.<br>
 In-store tournament space available.</em></strong></p>
<table width="75%"  border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
<td><h3 align="center">Location</h3>
  <p align="center">Gryfalia's Aerie <br>
	413 N Main<br>
	Bloomington, IL 61701 <br>
	309-828-9196 </p></td>
<td><h3 align="center">Hours</h3>
  <p align="center">Tues. - Thurs. 5pm - 9pm<br>
	Fri. 5pm - 10pm<br>
	Sat. 9am - 5pm<br>
	Closed Sun. and Mon.</p></td>
 </tr>
</table>
<p align="center"><font size="2"><a href="http://www.totalchoicehosting.com">Web Hosting with Total Choice Hosting </a></font></p>
</body>
</html>

The include shows up as the actual page code when the source is viewed in production.

**stevevan** · September 30, 2006

If you have the <head></head> code on your include page, it will show up on the overall appearance just as Bruce has described.

Edited September 30, 2006 by stevevan

**bellringr** · September 30, 2006

Does that really affect anything?

**stevevan** · September 30, 2006

Well, I'm sure those more knowledgable than I will chime in, but it's been my experience that the page will render using the last processed <head></head>. And per W3C standards, there should only be one header tag.

**TCH-Bruce** · September 30, 2006

Your include page should only have these lines in it.

**TCH-Don** · September 30, 2006

I suspect when you save the menu as menu.htm

DWW adds the extra code before and after to make it a real htm page.

Try saving your menu as menu.txt.

IE is very forgiving unlike the other browsers that stick to standarsds.

If you clear ths up I bet the background witl display properly in FF

**bellringr** · September 30, 2006

Thanks all!

The background showed up as soon as I put in the missing #, but I will clean up the menu file code as well.

**TCH-Thomas** · October 1, 2006

Just curious, did you remove the bg you originally asked about, cause I can´t see it anymore?

**bellringr** · October 1, 2006

Yes - I decided I didn't like it, but if you go to one of the other pages, there is a page background.

Sign In

Baffled

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation