Hej igen igen
Jeg har prøvet at lave en baggrund der skal fylde hele baggrunden ud men det
gør den bare ikke.
Meningen er at billedet LayoutSideBack.png som fylder hele bredden skal
repeat'es ned af skærmen, men det gør den ikke.
Det virker i IE men ikke i Firefox
Siden ligger her
http://www.mltr-universe.dk/TEST/
og koderne er her.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Untitled Document</title><link rel="stylesheet" href="CSS/Style.css"
type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div class="screen">
<div class="side">
<div class="sidetop"></div>
<div class="sideindhold">Velkommen</div>
</div>
<div class="sidebund"></div>
</div>
</body>
</html>
I stylesheet'et
body {background: url(../Layout/Sidelayout/Tern.png);
background-repeat: repeat;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;}
html, body {margin: 0;
padding: 0;}
..screen {background: url(../Layout/Sidelayout/LayoutSideBack.png);
background-repeat: repeat-y;
width: 982px;
margin: auto;}
..side {position: relative;
float: right;
width: 816px;
padding:0;}
..sidetop {position:relative;
top: 0px;
left: 0px;
z-index: 0;
background: url(../Layout/Sidelayout/LayoutSideTop.png);
width: 816px;
height: 49px;}
..sidebund {background: url(../Layout/Sidelayout/LayoutBund.png);
background-position: bottom;
float: right;
width: 982px;
height: 111px;}
..sideindhold {width: 600px;
z-index: 2;
text-align: center;
margin: auto;}