får inte till det...
jag har en table som innehåller tre fält, en logga (137px), en meny(20px) och en "content". I content vill jag lägga 3 andra lager, rubrik, brödtext och en bild.
Nu vill jag att content diven ska vara resterande av skärmen (under loggan och menyn asså) och när bröd texten är längre än "orginalfönstret" så ska hela sidan scrollas...
<html>
<head>
<title>title</title>
<link rel=stylesheet href=css/stylesheet.css type=text/css media=all>
</head>
<body>
<table cellspacing=0 cellpadding=0 border=0 width=100% height=100%>
<tr>
<td valign=top align=center>
<table cellspacing=0 cellpadding=0 border=0 width=640>
<tr>
<td valign=top align=center height=137 width=640 colspan=1>
<div id=logo></div>
</td>
</tr>
<tr>
<td valign=top align=center width=640 colspan=1>
<div id=topmenu>
meny
</div>
</td>
</tr>
<tr>
<td valign=top align=center width=640 colspan=1>
<div id=content>
<div id=rubrik>Rubrik</div>
<div id=brod>Bröd text<br><br><br><br><br><br></div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
html {
height:100%;
margin:0px;
padding:0px;
}
body {
margin: 0px;
overflow:auto;
background-color:#b35900;
}
#logo {
position:relative;
top:0px;
left:0px;
width:640;
height:137;
background-image: url(../images/logo.gif);
background-position: top center;
background-repeat: none;
}
#topmenu {
position:relative;
top:0px;
left:0px;
width:640;
height:20;
background-color:#ff8000;
border:1px solid #000000;
}
#content {
position:relative;
top:0px;
left:0px;
width:640px;
height:100% -157px;
background-color :#ffffff;
border:1px solid #000;
}
#rubrik {
position:absolute;
top:10px;
left:10px;
width:100px;
height:30px;
padding:5px;
background-color:#d3d3d3;
font: 24px "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
font-size-adjust: 0.51;
text-align:left;
}
#brod {
position:absolute;
top:65px;
left:5px;
width:400px;
height:auto;
background-color:#d4d4d4;
font: 13px "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
font-size-adjust: 0.51;
text-align:left;
}
...jag skulle behöva lite hjälp att lösa detta så det funkar i både IE och NS.
(blev visst mycket kod, men det då ser ni hur jag har det iaf)