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?
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials