Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > проблема с высотой ячейки таблицы в IE

Автор: Frozen_Coyote 27.11.2007, 13:41

Здравствуйте,

посмотрите, пожалуйста, вот код простецкой таблицы

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Название</title>


</head>

<body>

<style>

    HTML, BODY
    {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;

    }

</style>


<table style="width: 100%; height: 100%;" border="1">

  <tr><!-- Row 1 -->
    <td>1&nbsp;</td>
    <td>2&nbsp;</td>
    <td>3&nbsp;</td>
  </tr>
  <tr style="height: 188px;">
    <td colspan=3>1&nbsp;</td>
  </tr>
</table>

</body>
</html>

вопрос: почему в IE высота нижней ячейки таблицы при принудительном указывании высоты все равно такой не становится, а становится огромадной высоты, в Опере и Фаере все ок. И как мне добиться все таки чтобы высота "слушалась" меня а не скакала по экрану. НУ и просьба: совет класса "убрать док тайп " пожалуйста не предлагать )

Спасибо

Автор: Castro 27.11.2007, 14:50

Вероятно в стандартном режиме надо указывать браузеру больше информации браузеру, намёка на то, что "вот тебе 180px ширины ячейки, а другой ряд растяни сам знаешь как".
Хотя, уверен гуру решение подскажут- мне тоже интересно smile

Кстати стили нужно вынести в <head>

Автор: Frozen_Coyote 28.11.2007, 12:34

Цитата(Castro @ 27.11.2007, 14:50

)

Хотя, уверен гуру решение подскажут

с нетерпением ожидаю подсказки оных smile

)

Автор: WebDisaster 28.11.2007, 13:46

Я, конечно, не гуру. Но, если позволите, выскажусь.

Цитата(Frozen_Coyote @ 27.11.2007, 13:41

)

почему в IE

Потому, что это IE =)

Цитата(Frozen_Coyote @ 27.11.2007, 13:41

)

как мне добиться

Вариант 1.
Доктайп можно не убирать, а свалить IE6 в QuirksMode другим способом: написав в первой строке html вместо доктайпа что угодно другое. Например, вполне легальное

<?xml version="1.0" encoding="windows-1251"?>

А доктайп оставить во второй строке.

Вариант 2. Разбивать таблицу на две. У ячеек верхней таблицы со 100% высотой сделать нижний padding, равный высоте нижней таблицы и "накладывать" вторую таблицу поверх этого padding'а позиционированием.

Может быть есть и другие варианты, но мне хватает этих. Выбор зависит от того, будет ли "мешать" этот QuirksMode потом.

Автор: Innuendo 28.11.2007, 17:57

WebDisaster,

Цитата(WebDisaster @ 28.11.2007, 13:46

)

а свалить IE6 в QuirksMode

а вот что это за QuirksMode? часто слышу подобное.

Цитата(WebDisaster @ 28.11.2007, 13:46

)

<?xml version="1.0" encoding="windows-1251"?>

И при таком добавлении точно ничего в худшую сторону не изменится? Может тогда уж и на xhtml переписать всё...

Цитата(WebDisaster @ 28.11.2007, 13:46

)

Вариант 2. Разбивать таблицу на две

вариант понятен, но не особо граммотно будет делать подобное если в таблице 10 строк... Так что хотелось бы ещё какой-то выход найтиююю

Автор: WebDisaster 28.11.2007, 22:45

Цитата(Innuendo @ 28.11.2007, 17:57

)

что это за QuirksMode

http://neveragainblog.com.ua/archives/70

Цитата(Innuendo @ 28.11.2007, 17:57

)

точно ничего в худшую сторону не изменится

Ну... гарантию у нас даёт только ГосСтрах... =)
А у нас всё -- только с некоторой вероятностью. Чаще всего проблем не возникает. А вообще -- читайте по ссылке выше.

Цитата(Innuendo @ 28.11.2007, 17:57

)

делать подобное если в таблице 10 строк

Стартер предлагал к рассмотрению вариант из двух строк =) А с десятью... плохо представляю зачем... Вы попробуйте объяснить свою задачу. А я (если будет время) попробую понять, нужны ли там таблицы вообще =)

Цитата(Innuendo @ 28.11.2007, 17:57

)

хотелось бы ещё какой-то выход найти

Варианты, наверно, есть. Но волшебником у нас тут SelenIT трудится. Поприставайте к нему =)))

Автор: Innuendo 28.11.2007, 23:30

Цитата(WebDisaster @ 28.11.2007, 22:45

)

ну у меня такая вёрстка страницы - 5 строк уходит на шапку (шапка, линия, менюшка, разделители), 6-ая строка - контент. и ещё пару строк на футер. Ну выходит 8-9 строк (я образно сказал 10).
Все строки имеют фиксированную высоту кроме контента - он должен растягиваться на 100%.

и я щас пытался воплотить твой второй способ и что-то , оказывается, не совсем понял как что.
Т.е. я делаю таблицу в таблице или же 2 таблице? Напиши плз в самом простом экземпляре...