Hi all
I has a strange issue.
The page
http://www.itds.us/Template2.htm
displays properly in IE but the background image of the wrapper container div does not display in Firefox.
I have just started this base template and am trying to apply the Faux column trick to make column graphics fill to the bottom of all columns to make things look even. Even a basic background-color does not display properly in Firefox.
Below is the code for the css and the template page in question.
Any feed back would be of a great help.
Spectur
/* CSS Document */
body{background-color:#000000;}
#container{width:800px;
position:relative;
margin: 0 auto;}
#wrapper{background:url(images/wrapper.gif) repeat-y 50% 0;
width:800px;
}
#bannerwrap{
width:800px;
margin:0 0 0 0;
height:150px;
}
#bannerleft{
float:left;
width:200px;
height:150px;
background:url(images/topleft.gif);
margin:0 0 0 0;
}
#bannercenter{
float:left;
width:399px;
height:150px;
background:url(images/topcenter.gif);
margin:0 0 0 0;
}
#bannercenter h1{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
padding-top:75px;}
#bannerright{
float:right;
width:201px;
height:150px;
background:url(images/topright.gif);
margin:0 0 0 0;
}
#menubar{
width:800px;
height:50px;
background:url(images/menubar.gif);
margin:0 0 0 0;
color:#ffffff;
}
#leftcol{
float:left;
width:200px;
}
#rightcol{
float:right;
width:100px;}
#content{
float:left;
width:500px;
background:url(images/ccf.gif) repeat-y 50% 0;
}
#footer{ width:800px;
background-color:#0066FF;
height:50px; }
<!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>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="pv2.css">
</head>
<body>
<div id="container">
<div id="bannerwrap">
<div id="bannerleft"></div>
<div id="bannercenter"><h1>ProgrammerVault.com</h1></div>
<div id="bannerright"></div>
</div>
<div id="menubar"></div>
<div id="wrapper">
<div id="leftcol">Left Col</div>
<div id="content">this is content
</div>
<div id="rightcol">Right Col</div>
</div>
</div>
</body>
</html>