Имеется страничка:
Код страницы<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Как упорядочить блоки?</title>
<style>
* {margin: 0px}
html {height: 100%;}
body {min-height: 100%;}
#main {width: 100%; height: 100%; position: absolute; min-height: 100%;}
#main_top {height: 100 background-color: blue}
#main_left {width: 300 height: 100%; background-color: green}
#main_center {width: auto; height: 100%; background-color: yellow}
#main_right {width: 300 height: 100%; background-color: green}
#main_bottom {height: 100 background-color: blue}
</style>
</head>
<body>
<table id="main" cellpadding="0" cellspacing="0">
<tr>
<td id="main_top" colspan="3">
Верх
</td>
</tr>
<tr>
<td id="main_left">
Левый
</td>
<td id="main_center">
Центр
</td>
<td id="main_right">
Правый
</td>
</tr>
<tr>
<td id="main_bottom" colspan="3">
Низ
</td>
</tr>
</table>
</body>
</html> В Опере и Лисе отображается как и требуется, а вот экслорер (а именно IE7) просто игнорирует относительную высоту столбцов. Как ему подсказать
где раки зимуют что надо делать?
P.S. Можно все сделать в блочной верстке, нельзя менять только доктайп.