|
|
|
| В продолжение первой темы...
Странная ситуация при верстке простых таблиц: есть простой код типа такого
<table cellspacing="0" cellpadding="0" class="wrap">
<tr>
<td class="menu">
aaa
</td>
</tr>
<tr>
<td>test</td>
</tr>
</table>
|
и css
table.wrap {
width: 100%;
height: 100%;
}
td.menu {
height: 40px;
text-align: right;
border-bottom: 1px solid #06327B;
}
|
вопрос простой - почему в итоге высота td.menu - полстраницы? DOCTYPE -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
|
|
|
|
|
|
|
для: 1999
(29.03.2008 в 00:23)
| | это в каком браузере такая радость, в ИЕ (в чем я ни капли не сомневаюсь)? просто Ие не умеет нормально работать с таблицами, а именно с высотой, а если таблица сложная и используются rowspan и colspan, то и с шириной начинаются проблемы.
Единственный выход задавать высоты в пикселах, только тогда все будет гут (это для каждой ячейки), или использовать дополнительные блоки
<style>
#menu {height: 40px; width: 100%; padding: 0px; top: 0px; left: 0px; z-index: 100; position: absolute;}
table {border-collapse: collapse; width: 100%; height: 100%;}
table td {padding: 45px 0px 0px; vertical-align: top; }
</style>
<div id="menu">menu</div>
<table>
<tr>
<td>test</td>
</tr>
</table>
|
| |
|
|
|