Jump to content
bellringr

Baffled

Recommended Posts

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

 

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??

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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>

Share this post


Link to post
Share on other sites

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:

Share this post


Link to post
Share on other sites

The structure is all messed up.

 

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

Gryfalia's Aerie

 

 

logo_brown_500final.jpg

 

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

Menu

 

btn_home.jpg

btn_directions.jpg

btn_products.jpg

 

btn_schedule.jpg

btn_who.jpg

 

 

 

You have multiple

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

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

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 by stevevan

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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. :)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...