ok.. i had my css in the html file and it all worked fine... when i take the code and put it into an external stylesheet than the background color for the page doesn't seem to work.. any suggestions
page not displaying correctly
<!-- w --><a class="postlink" href="http://www.dixiederbygirls.com/test.html">www.dixiederbygirls.com/test.html</a><!-- w -->
page as it should be
<!-- m --><a class="postlink" href="http://dixiederbygirls.com/dodgeball">http://dixiederbygirls.com/dodgeball</a><!-- m -->
<style type="text/css" media="screen">
body
{
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
background-color: #000;
}
#wrapper
{
margin: 1em auto;
width: 780px;
text-align: left;
border: 1px solid #CC3333;
}
#header
{
height: 125px;
background-color: #CC3333;
}
#mainnav
{
height: 15px;
background-color: #000;
}
#mainnav ul
{
margin: 0 0 0 20px;
padding: 0;
list-style-type: none;
border-left: 1px solid #000;
}
#mainnav li
{
display: inline;
padding: 10px 10px;
border-right: 1px solid #000;
}
#mainnav li a
{
text-decoration: none;
color: #fff;
}
#mainnav li a:hover
{
text-decoration: none;
color: #CC3333;
/*background-color: #CC3333;*/
}
#contents
{
height: 415px;
background-color: #CCCCCC;
overflow:auto;
}
#footer
{
clear: both;
height: 20px;
background-color: #CC3333;
}
</style>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Dixie Derby Girls</title>
<link rel="STYLESHEET" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"ddg.css">
</head>
<body>
<div id="wrapper">
<div id="header">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/Header.gif" alt="" width="780" height="125" border="0">
</div>
<div id="mainnav">
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html">Home</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"about.html">About</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"teams.html">Teams</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"scrapbook.html">Scrapbook</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"events.html">Events</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"merch.html">Merch</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"contact.html">Contact</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"forum.html">Forum</a></li>
</ul>
</div>
<div id="contents">
Scroll
</div>
<div id="footer">
</div>
</div>
</body>
</html>Take the style tags out of the external cssthanks... that did it!
page not displaying correctly
<!-- w --><a class="postlink" href="http://www.dixiederbygirls.com/test.html">www.dixiederbygirls.com/test.html</a><!-- w -->
page as it should be
<!-- m --><a class="postlink" href="http://dixiederbygirls.com/dodgeball">http://dixiederbygirls.com/dodgeball</a><!-- m -->
<style type="text/css" media="screen">
body
{
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
background-color: #000;
}
#wrapper
{
margin: 1em auto;
width: 780px;
text-align: left;
border: 1px solid #CC3333;
}
#header
{
height: 125px;
background-color: #CC3333;
}
#mainnav
{
height: 15px;
background-color: #000;
}
#mainnav ul
{
margin: 0 0 0 20px;
padding: 0;
list-style-type: none;
border-left: 1px solid #000;
}
#mainnav li
{
display: inline;
padding: 10px 10px;
border-right: 1px solid #000;
}
#mainnav li a
{
text-decoration: none;
color: #fff;
}
#mainnav li a:hover
{
text-decoration: none;
color: #CC3333;
/*background-color: #CC3333;*/
}
#contents
{
height: 415px;
background-color: #CCCCCC;
overflow:auto;
}
#footer
{
clear: both;
height: 20px;
background-color: #CC3333;
}
</style>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Dixie Derby Girls</title>
<link rel="STYLESHEET" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"ddg.css">
</head>
<body>
<div id="wrapper">
<div id="header">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/Header.gif" alt="" width="780" height="125" border="0">
</div>
<div id="mainnav">
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html">Home</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"about.html">About</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"teams.html">Teams</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"scrapbook.html">Scrapbook</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"events.html">Events</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"merch.html">Merch</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"contact.html">Contact</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"forum.html">Forum</a></li>
</ul>
</div>
<div id="contents">
Scroll
</div>
<div id="footer">
</div>
</div>
</body>
</html>Take the style tags out of the external cssthanks... that did it!