hvorfor denne position?
kan nogen forklare mig hvorfor position i class A4 og billede_lag skal være henholdsvis relative og absolute for at få det indre lag til at holde sig inden for det ydre lag og være højre centreret? med egne ord og ikke dokumention :-) tak.A4 {
background-color : #FFFFFF;
border-left : 1px SOLID #b0d4f7;
border-right : 1px SOLID #b0d4f7;
border-bottom : 1px SOLID #b0d4f7;
font-family : Arial;
font-size : 10pt;
min-height : 600px;
margin-left : auto;
margin-right : auto;
padding : 8px;
position : relative;
text-align : left;
vertical-align : top;
width : 960px;
}
.billede {
width : 200px;
}
.billede_lag {
border : 5px dotted black;
position : absolute;
right : 0px;
width : 200px;
}
html,body {
background-color : #ececec;
height : 100%;
margin : 0px;
padding : 0px;
width : 100%;
}
.bund {
border : 2px solid #b0d4f7;
color : red;
font-family : Arial;
font-size : 8pt;
margin : auto;
padding : 8px;
text-align : center;
width : 960px;
}
.indreskygge {
background-image : url(grafik/10x9gray.gif);
background-repeat : repeat-x;
background-color : #FFFFFF;
border-left : 1px SOLID #b0d4f7;
border-right : 1px SOLID #b0d4f7;
height : 9px;
margin-left : auto;
margin-right : auto;
padding : 0px;
text-align : center;
width : 976px;
}
.menublok {
background-image : url(grafik/1x66.gif);
background-repeat : repeat-x;
background-color : #b0d4f7;
border : 0px;
height : 66px;
margin : 0px;
padding : 0px;
width : 100%;
text-align : center;
}
.reklameblok {
background-color : #000000;
border : 0px;
height : 100px;
margin : 0px;
padding : 0px;
width : 100%;
text-align : center;
}
.ydreskygge {
background-image : url(grafik/10x9outergray.gif);
background-repeat : repeat-x;
background-color : #ececec;
border : 0px;
height : 9px;
margin : 0px;
padding : 0px;
width : 100%;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<title>Ny side</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="stylesheet.css" >
</head>
<body >
<div class="reklameblok" ></div>
<div class="menublok" ></div>
<div class="ydreskygge" >
<div class="indreskygge" >
</div>
</div>
<div class="A4" >
<div class="billede_lag" ><img src="grafik/Picture0008.jpg" class="billede"></div>
</div>
<div class="bund" >
Her står en masse tekst i bunden af siden
</div>
</body>
</html>
