Image i div vil ikke centreres med det andet
Hej Mit billede vil ikke centrere med de andre elementerhtml: <!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="260px" width="300px" id="billede1" alt="brun og rød"/>
</div>
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: 0px 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: absolute;
top: 11.32%;
left: 30.1%;
height: 85%;
width: 0.9%;
border: solid black 1px;
border-top: solid white 1px;
border-left: solid white 1px;
margin: 0.5%;
}
#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: 69px;
left: 0px;
border: solid black 1px;
border-top: solid #808080 1px;
font-size: 1em;
margin-top: 10px;
}
#billede1 {
margin-top: 10px;
position: absolute;
top: 68px;
left: 176px;
}
Håber i kan hjælpe og forstår
