в опере таблица не хочет растягиваться по высоте на 100%. как можно исправить?
| Код |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
<link rel="SHORTCUT ICON" href="/ICON.gif"type="image/x-gif">
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="content">
<div id="box">
<table style="height:100%; width:100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100px" width="100%"></td>
</tr>
<tr>
<td height="100%" width="100%"><div class="red">
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
|
| Код |
html, head, body{
width: 100%;
min-height:100%;
margin: 0;
padding: 0;
}
#content{
background: #aaaaaa;
width: 100%;
min-height: 100%;
}
#box{
position: relative;
width: 500px;
min-height: 100%;
left: 50%;
margin-left: -250px;
}
#box .red{
background: red;
width: 500px;
height: 100%;
}
|
в общем я хочу чтобы red был резиновым. пробовал делать его без таблицы, просто опуская на 100px вниз (top: 100px;), но тогда эти сто пикселей всплывали ниже и появлялась белая область, мучился-мучился но так и не смог справится) в результате решил использовать таблицу. в хроме и мазиле все гуд, в ie 9 были траблы, но после обновления до 10ого они пропали и описать их не могу, не помню) а вот опера не дружит. если задавать высоту дива red конкретным значением все растягивается, но вот в процентах не хочет. |