Indholds boks skal automatisk udvide sig
Hej, jeg har lavet nedenstående div side. Jeg har dog et problem med div-boksen hoved_vindue. Hvis der kommer en masse tekst skal boksen automatisk udvide sig og blive større. Bruger jeg overflow kommer der en bare en scrollbar.Nogen der lige ved hvordan man klarer den?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>-</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:958px;
height:825px;
}
#top-distance_ {
position:absolute;
left:0px;
top:0px;
width:958px;
height:40px;
}
#logo_ {
position:absolute;
left:0px;
top:40px;
width:198px;
height:140px;
}
#top-menu_ {
position:absolute;
left:198px;
top:40px;
width:721px;
height:72px;
}
#trans-02_ {
position:absolute;
left:919px;
top:40px;
width:39px;
height:694px;
}
#top-bar_ {
position:absolute;
left:198px;
top:112px;
width:721px;
height:68px;
}
#trans-01_ {
position:absolute;
left:0px;
top:180px;
width:41px;
height:554px;
}
#left-stroke_ {
position:absolute;
left:41px;
top:180px;
width:3px;
height:504px;
}
#index-08_ {
position:absolute;
left:44px;
top:180px;
width:673px;
height:56px;
}
#opslagstavlen-overskrift_ {
position:absolute;
left:717px;
top:180px;
width:202px;
height:56px;
}
#hoved_vindue_top_ {
position:absolute;
left:44px;
top:236px;
width:673px;
height:18px;
}
#opslagstavlen_ {
position:absolute;
left:717px;
top:236px;
width:202px;
height:448px;
}
#hoved-vindue_ {
position:absolute;
left:44px;
top:254px;
width:633px;
height:000px;;
overflow:auto;
min-height: 415px;
padding-left: 20px;
padding-right: 20px;
}
#hoved_vindue_bund_ {
position:absolute;
left:44px;
top:669px;
width:673px;
height:15px;
}
#bund_ {
position:absolute;
left:41px;
top:684px;
width:878px;
height:50px;
}
#skygge_ {
position:absolute;
left:0px;
top:734px;
width:958px;
height:91px;
}
body {
background-image: url(images/bg.gif);
background-color: #67b24a;
}
#container {
position: relative;
width: 960px;
margin: 0 auto;
}
-->
</style>
</head>
<body style="background-color:#FFFFFF;">
<div id="container">
<div id="Table_01">
<div id="top-distance_">
<img id="top_distance" src="images/top_distance.gif" width="958" height="40" alt="" />
</div>
<div id="logo_">
<img id="logo" src="images/logo.gif" width="198" height="140" alt="" />
</div>
<div id="top-menu_">
<img id="top_menu" src="images/top_menu.gif" width="721" height="72" alt="" />
</div>
<div id="trans-02_">
<img id="trans_02" src="images/trans_02.gif" width="39" height="694" alt="" />
</div>
<div id="top-bar_">
<img id="top_bar" src="images/top_bar.gif" width="721" height="68" alt="" />
</div>
<div id="trans-01_">
<img id="trans_01" src="images/trans_01.gif" width="41" height="554" alt="" />
</div>
<div id="left-stroke_">
<img id="left_stroke" src="images/left_stroke.gif" width="3" height="504" alt="" />
</div>
<div id="index-08_">
<img id="index_08" src="images/index_08.gif" width="673" height="56" alt="" />
</div>
<div id="opslagstavlen-overskrift_">
<img id="opslagstavlen_overskrift" src="images/opslagstavlen_overskrift.gif" width="202" height="56" alt="" />
</div>
<div id="hoved_vindue_top_">
<img id="index_10" src="images/hoved_vindue_top.gif" width="673" height="18" alt="" />
</div>
<div id="opslagstavlen_">
<img id="opslagstavlen" src="images/opslagstavlen.gif" width="202" height="448" alt="" />
</div>
<div id="hoved-vindue_" style="background-image:url(images/hoved_vindue.gif);">
indhold<br><br>
</div>
<div id="hoved_vindue_bund_">
<img id="index_13" src="images/hoved_vindue_bund.gif" width="673" height="15" alt="" />
</div>
<div id="bund_">
<img id="bund" src="images/bund.gif" width="878" height="50" alt="" />
</div>
<div id="skygge_">
<img id="skygge" src="images/skygge.gif" width="958" height="91" alt="" />
</div>
</div>
</div>
</body>
</html>
