HVorfor følger min Div ikke højden
Hej EksperterJeg prøver at kode et site efter "strict" standarden. Det er sgu ikke lige så let, som man skulle tro. Savner lidt mine tabeller.
Er der nogen, der kan forklare mig, hvorfor min DIV her ikke slutter efter billedet underkant, men i stedet efter tekstens underkant?
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Test</title>
<style type="text/css">
#cykelmodel {
background-color : #e58c2e;
width: auto;
height : auto;
padding : 5px 5px 5px 10px;
}
#cykelmodel img {
float : right;
margin-left: 10px;
}
#cykelmodel P {
font-size : 1em;
color : #fff;
}
#cykelmodel P.header {
font-size : 1em;
color : #fff;
font-weight : bold;
}
</style>
</head>
<body>
<div id="cykelmodel">
<img src="ill/Cykel_stor.jpg" width="412" height="279" alt="" />
<p class="header">Vejledende udsalgspriser</p>
<p>Model 1 shimano LX Disc / Token dele vejledende udsalgspris: <strong>xx.xxx.-</strong> </p>
<p>Model 2 shimano XT Disc / Token dele vejledende udsalgspris: <strong>xx.xxx.-</strong> </p>
<p>Model 3 shimano XTR Disc / Token dele vejledende udsalgspris: <strong>xx.xxx.-</strong></p>
</div>
</body>
</html>
