højde 100% med div overflow
Har fremstillet denne kode, hvor jeg vil have min tabel 100%det virker..
i min nederste celle, vil jeg have en div, der er 100% den nederste celle, så jeg får en scrollbar..
MEN hvis indholdet i cellen er stor, kommer scrollbaren ikke, men derimod udvider hele tabellen sig i højden, og så er det hele siden der scroller..
Hvad gør jeg?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<META NAME="Cache-control" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-control" CONTENT="no-cache">
<TITLE>test</TITLE>
<style>
BODY, HTML{
height:100%;
margin:0px;
padding:0px
}
</style>
</HEAD>
<BODY bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0" marginwidth="0" scroll="no">
<table cellpadding="0" cellspacing="0" style="height:100%;width:100%">
<tr>
<td style="height:30px; background:aqua"></td>
</tr>
<tr>
<td style="height:100%;"><div style="overflow:scroll;height:100%;width:100%;">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div></td>
</tr>
</table>
</body>
</html>
