CSS Forum

**chad.hassler** · 06-18-2009, 01:40 PM

For some reason in IE 7 and 8 (This is all I have to test this on) my background color (black) and rollover links are ignored. Looks great in Firefox, Safari, and Opera. I have been searching online all day and can't find any solution. I use Dreamweaver CS3 to develop my site. I know only enough coding to give myself a headache and not enough to get rid of it. Below is my code. Please help.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style type="text/css">
<!--
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #6B7711;
}
a:active {
	text-decoration: none;
	color: #000000;
}
.style4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
}
body {
	background-color: #000000;
}
.style6 {font-family: "Century Gothic", Geneva, sans-serif}
.style7 {font-size: 14px}
.style8 {
	font-family: "Gill Sans Light", "Century Gothic", Geneva, sans-serif;
	font-size: 18px;
}
.style9 {font-size: 24px}
a {
	font-family: Century Gothic, Geneva, sans-serif;
}
-->
</style>
</head>

<body>
<table width="850" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td height="123" colspan="2" valign="top"><div align="center"> <br />
      <table width="50%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><div align="center"><a href="home.html"><img src="images/MoodysM.jpg" width="100" height="98" border="0" /></a></div></td>
            <td><div align="center"><img src="images/MoodysAuthenticFresh.jpg" width="262" height="108" /><span class="style8">&nbsp;&nbsp; </span></div></td>
          </tr>
        </table>
        <hr align="center" width="65%" size="2" />
        <span class="style6"><a href="about.html">about</a> • <a href="farm.html">the farm</a> • <a href="products.html">products</a> • <a href="retail.html">retail stores</a>  • <a href="delivery.html">delivery</a> • <a href="custom.html">processing</a></span><br />
        <hr align="center" width="65%" size="2" />
        </div></td>
  </tr>
  <tr>
    <td width="33%" align="right" valign="top">&nbsp;</td>
    <td width="67%" valign="top"><blockquote>
        <p class="style4">&nbsp;</p>
      </blockquote></td>
  </tr>
</table>
</body>
</html>

Thanks

**EricReese** · 01:49 PM

Um are you sure there is an error? I tested your code to check the background color and it is showing black in IE7. It is showing. IE7 also showed your link styles all perfectly. Same action with IE8...

Could you give me a more accurate description of your problem? Maybe you need to clear your cache?

**chad.hassler** · 06-18-2009, 01:52 PM

The website is http://www.moodymeats.com/Moodys/template2.html

**chad.hassler** · 06-18-2009, 01:54 PM

Also, There should be a white "box" with our logo and link bar below it. Surrounding the white box should be a black background. Each link color should be black w/o an underline and when you put your cursor over the link it will change to a green color.

**EricReese** · 06-18-2009, 02:10 PM

You forgot to close a meta tag

Code:

<META name="description" content="Sustainable, Quality, Authentic, Local Butcher Shop"

Just close that tag and it works perfectly..

**chad.hassler** · 06-18-2009, 02:14 PM

I can't believe I missed that. Thanks a lot!

**EricReese** · 06-18-2009, 02:18 PM

If you had just done some validation (which you should be doing as the first step in debugging) the validator would have caught that instantly.