bellringr Posted September 28, 2006 Posted 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?? Quote
bellringr Posted September 28, 2006 Author Posted September 28, 2006 See! I knew it was some little thing I was overlooking! Thank you, Thomas - I can go to bed now. Quote
stevevan Posted September 28, 2006 Posted September 28, 2006 Nicely done Thomas. It always seems to be the little things that I have problems with too! Quote
telcor Posted September 29, 2006 Posted 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. Quote
TCH-Bruce Posted September 29, 2006 Posted 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. Quote
OldTimer Posted September 29, 2006 Posted 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> Quote
bellringr Posted September 30, 2006 Author Posted 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. Quote
TCH-Bruce Posted September 30, 2006 Posted 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. Quote
bellringr Posted September 30, 2006 Author Posted 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. Quote
stevevan Posted September 30, 2006 Posted September 30, 2006 (edited) 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 Quote
bellringr Posted September 30, 2006 Author Posted September 30, 2006 Does that really affect anything? Quote
stevevan Posted September 30, 2006 Posted 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. Quote
TCH-Bruce Posted September 30, 2006 Posted September 30, 2006 Your include page should only have these lines in it. Quote
TCH-Don Posted September 30, 2006 Posted 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 Quote
bellringr Posted September 30, 2006 Author Posted 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. Quote
TCH-Thomas Posted October 1, 2006 Posted October 1, 2006 Just curious, did you remove the bg you originally asked about, cause I can´t see it anymore? Quote
bellringr Posted October 1, 2006 Author Posted 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. Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.