Height auto?
Jeg har en kode der ser ud som den her:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html, body {
background-color: #EEECDF;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#kasse {
width: 750px;
background-color: #FFFFFF;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
#indhold {
width: 750px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: absolute;
}
</style>
</head>
<body>
<div id="kasse">
<div id="indhold">123<br /><br /><br /><br /></div>
</div>
</body>
</html>
Hvorfor vil kasse ikke udvide sin height efter sit indhold?
Hvis man sætter height til 'auto' hjælper det ikke noget.
Hvis man ændre 'indhold' fra 'absolute' til 'realative' så vil bliver den som den skal være. Problemet er blot at på den side, hvor koden indgår skal kassen være relativ og indhold være absolut for at få den rette sammenhæng.
Hvad har jeg overset?
