Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: DOCTYPE. pt2
 
 автор: 1999   (29.03.2008 в 00:23)   письмо автору
 
 

В продолжение первой темы...
Странная ситуация при верстке простых таблиц: есть простой код типа такого

<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">

   
 
 автор: Lelik   (29.03.2008 в 11:38)   письмо автору
 
   для: 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>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования