position: relative;
Jeg er på opfordring fra hjælpere til andre spørgsmål begyndt at bikse med relative position... Men jeg kan virkelig ikke forstå hvorfor den som "standard" vil smide mit billede 100 kilometer ned i bunden...html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=ISO-8859-1"/>
<title>Velkommen til Jeanette's billeder.dk</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="kage">
<h1 id="overskrift">Velkommen til Jeanettes-billeder.dk</h1>
<p id="hvid"> </p>
<p id="hvid1"> </p>
<!--<p id="hvid2"> </p>-->
<p id="boks"> </p>
<!--<p id="om-mig">Her skal der stå noget om mig! Her skal der stå noget om mig! r skal der stå noget om mig! Her skal der stå noget om mig! Her skal der stå noget om mig! Her skal der stå noget om mig!s </p>-->
<img src="billeder/bogr.jpg" height="400px" width="400px" id="billede1" alt="brun og rød"/>
</div>
</body>
</html>
css: body {
background-color: #ffffcc;
}
#overskrift {
position: absolute;
top: 0px;
border-left: solid black 1px;
border-top: solid black 1px;
border-right: solid black 1px;
height: 60px;
width: 980px;
background-color: #D3D3D3;
font-size: 50px;
text-align: center;
padding-top: 0px;
margin-top: 10px;
}
#kage {
margin-left: auto;
margin-right: auto;
width: 980px;
}
#siden {
border: solid black 1px;
width: 120px;
background: #red;
height: 200px;
position: absolute;
left: 0px;
top: 67px;
}/*
#om-mig {
border: solid black 1px;
width: 150px;
height: 200px;
position: absolute;
left: 200px;
top: 120px;
font-size: 20px;
background-color: #FFF5EE;
}*/
#hvid {
margin-top: 10px;
width: 980px;
height: 7px;
background: white;
position: absolute;
top: 60px;
border: solid black 1px;
}
#hvid1 {
background: white;
position: relative;
top: 69px;
left: 176px;
height: 400px;
width: 6px;
border: solid black 1px;
border-top: solid white 1px;
border-left: solid white 1px;
margin-top: 10px;
}/*
#hvid2 {
background: white;
position: absolute;
left: 416px;
top: 551px;
height: 8px;
width: 450px;
border: solid black 1px;
border-left: solid white 1px;
}*/
#boks {
background-color: #808080;
height: 400px;
width: 175px;
position: relative;
top: -349px;
left: 0px;
border: solid black 1px;
border-top: solid #808080 1px;
font-size: 1em;
margin-top: 10px;
}
#billede1 {
margin-top: 10px;
position: relative;
top: 0px;
left: 185px;
}
Mvh Mads
