Css background fejl i FF
Jeg har følgene kodeProblem: background image i FF i class .contenttop
-> FF bg billede starter i stedet for i #header div
-> IE virker fint.
********************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
body
{
color: #333333;
background-color: #83B2E7;
background-image:url(gfx/bgtop.gif);
background-position:top;
background-repeat:repeat-x;
margin-top: 29px !important;
}
P
{
margin:0px;
padding:0px;
}
#container {
width: 949px;
margin-right: auto;
margin-left: auto;
position: relative;
text-align: left;
clear: both;
height: 600px;
}
#header {
height: 600px;
width: 949px;
position: relative;
background-position: center top;
background-attachment: fixed;
background-image: url(gfx/content-bg-top.gif);
background-repeat: no-repeat;
z-index: 10;
}
#center {
width:auto;
height: 60px;
}
#footer {
position:relative;
clear: both;
float: both;
height:20px;
background-color: #000000;
color:#FFFFFF;
}
.contenttop
{
width:949px;
height:107px;
background-color: #FFFFFF;
background-image: url(gfx/top-spacer.gif);
position: relative;
}
.fright
{
float:right;
}
.fleft
{
float:left;
}
.bodytext
{
width: 949px;
height: 500px;
position: absolute;
vertical-align: baseline;
}
.master-content
{
background-color:#FFFFFF;
margin-left: 15px;
height: 500px;
width: 919px;
}
.footerpad
{
padding-left:15px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="container">
<div id="header"><div class="contenttop">
<div class="fleft"><img src="gfx/logo.gif" width="448" height="107"></div>
<div class="fright"><img src="gfx/top-SLET.gif" width="194" height="107"></div>
<div class="fright"><img src="gfx/soeg-SLET.gif" width="58" height="107"></div>
<div class="fright"><img src="gfx/opret-SLET.gif" width="195" height="107"></div>
</div>
<div class="bodytext"><div class="master-content">
<p>CONTENT</p>
<p> </p>
</div></div>
<img class="footerpad" src="gfx/bottom-white.gif" width="919" height="29"></div>
</div>
</body>
</html>
****************************
