Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > высота строки в таблице - разная в браузерах


Автор: Innuendo 28.11.2007, 16:32
применяю табличную вёрстку. При добавлении doctype html 4.01 transitional происходят косяки.
Вот каркас страницы:
Код

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 
  'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
        <meta content='text/html; charset=windows-1251' http-equiv='Content-Type'>
        <style type='text/css'>
         html, body { margin:0px; height: 100% }
        </style>
</head>
<body>
    <table border='1' cellpadding='0' cellspacing='0' width='100%' style='height : 100%'>
    <tr style='height:144px'><td>Logo1</td><td colspan='2'>logo2</td></tr>
    <tr style='height:3px'><td colspan='3'></td></tr>
    <tr style='height:25px'><td>_blank_</td><td colspan='2'>
      MENU ELEMENTS
    </td></tr>
    <tr style='height:100px' ><td width='14%'>_blank_</td><td>_blank_</td><td width='30%'>_blank_</td></tr>
    
    <tr style='height:auto; '><td>_blank_</td><td>CONTENT
    </td><td>_blank_2</td></tr>
    <tr style='height:70px' ><td colspan='3'>_blank_</td></tr>
    <tr style='height:3px' ><td colspan='3'></td></tr>
    <tr style='height:25px'><td>_blank_</td><td colspan='2'>Bottom of page</td></tr>
    </table>
 </body>
</html> 

(вообще все свойства высоты заданы во внешнем файле css - это я сейчас для наглядности сделал так.
В Лисе данная таблица отображается нормально. В Ие высоты не соблюдаются. Как быть?
Все высоты фиксированны кроме контента - там я указал height:auto. Если указываю height:100%, то в лисе и опере опять же показывает нормально, а в ИЕ всё выравнивается, только ячейка контента уже слишком длинная (Даже если там только 1 слово) - оно по высоте как целый документ...

Автор: WebDisaster 28.11.2007, 17:39
Посмотрите http://forum.vingrad.ru/forum/topic-184069.html

Автор: Innuendo 28.11.2007, 17:48
ок. тему можно удалить. Я буду ввести беседу в той (практически аналогичной теме)

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)