Итак проблема: В опере и ФФ на проекте такой код работает нормально, то есть ячейка "one" рястягивается на высоту контента в ней, а вторая ячейка "two" рисуется сразу под первой ячейкой. В ИЕ же первая ячейка растягивается на половину от высоты таблицы, а надо как в опере и фф. Как это сделать ? уж никак не могу понять 
Вырезаный пример ниже:
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Two columns with color - Right nav variation</title>
<style type="text/css">
* {
padding: 0px;
margin: 0px;
}
table{
border: 1px solid lime;
width: 100%;
}
td.one {
width: 300px;
border: 3px solid orange;
}
.topBorder {
height: 1px;
border-top: 2px dotted pink;
margin-left: 1px;
margin-right: 1px;
}
.1pxHeight {
height: 1px;
}
.two {
background-color: yellow;
padding-bottom: 99999px;
margin-bottom: -99999px;
border: 2px dotted pink;
}
.noOverflow {
height: 100%;
overflow: hidden;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" summary="">
<tr>
<td rowspan="2" valign="top">
<br /><br /><br /><br /><br /><br /><br /><br />content<br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />content<br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />content<br /><br /><br /><br /><br />
</td>
<td class="one">
<br /><br /><br /><br /><br /><br /><br /><br />menu<br /><br /><br /><br /><br />menu
</td>
</tr>
<tr>
<td>
<div class="two">bannerBlock
</div>
</td>
</tr>
<tr class="1pxHeight">
<td class="1pxHeight"></td>
<td class="1pxHeight"><div class="topBorder"></div></td>
</tr>
</table>
</body>
</html>
|
|