Как поместить таблицу в блок Div?

  • Автор темы -
  • Дата начала

Гость
#1
Для начала... есть конструкция из 3х divов положенные слоями (шапка, тело, подвал).... В центр мне надо на всю высоту тела поместить таблицу (тоесть 100% высота и длина тейбла)....
Таблица помещается, но при смене размера окна - она уходит вниз, если обновить окно, то встает как положено. Как это исправить (смутные подозрения то как-то наверное яву надо припахать к этому)....

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
*{margin:0; padding:0;}
html,body{height:100%}
#main{width:700px; height:100%; margin:0 auto}
#header{margin:0; height:10%; background:#EEE}
#content{float:left;width:100%;height:80%;background:#19CAFF}
#footer{height:10%;background:#EEE;}
</style>
</head>

<body>
<div id="main">
<div id="header">header</div>
<div id="content" class="div_class"><table height='100%' width='100%' border='1'><tr><td>2</td></tr></table></div>
<div id="footer">footer</div>
</div>
</body>
</html>
 

Гость
#2
P.S.: В IE 7 тображается корректно как надо, а вот например в Opere происходит такой вот глюк
 
N

nws

Гость
#3
у table нет атрибута height, если нужно выставить ширину используй css: table{height:100%}