есть два слоя с таблицами. так вот при появлении полосы прокрутки на верхнем слое нижний растягивается только на видимую часть окна браузера, т.е. снизу остается белая полоса. как от этого избавиться?
| Код |
<html>
<head>
<title> </title>
<style>
#background {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
#buttons {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height:100%;
z-index: 2;
}
</style>
</head>
<body>
<div id="background">
<table style="height:100%; width:100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="100%" bgcolor="#aaaaaa"></td>
</tr>
</table>
</div>
<div id="buttons">
<table style="height:100%; width:100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="150"></td>
<td width="150"></td>
<td width="50%"></td>
</tr>
<tr>
<td height="40"></td>
<td><img src="1.jpg" width="150" height="40"></td>
<td></td>
</tr>
<tr>
<td height="9"></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="40"></td>
<td><img src="2.jpg" width="150" height="40"></td>
<td></td>
</tr>
<tr>
<td height="100%"></td>
<td><p>f</p>
<p>f</p>
<p>f</p>
<!-- еще много раз :) -->
<p>f</p>
<p> </p>
<p>f</p></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
только не предлагайте сделать просто фон либо убрать таблицу, они нужны)
|