Решено - Проблема с растягиванием по вертикали в IE6 (HTML/CSS)

Yaros · Сообщение **Yaros** » 09.07.2009 01:48

Следующий код неправильно отображается в Internet Explorer 6 и, возможно выше. Суть в том, что растяжения по вертикали не происходит.

Код:

<!DOCTYPE HTML public "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3c.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<TITLE>It's site.</TITLE>
<META http-equiv="Content-Type" content="text/html"; charset="utf-8">
<META name="keywords" lang="ru" content="site, html">
</HEAD>
<BODY bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0">
<TABLE height="100%" width="100%" bgcolor="yellow" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD align="center"  valign="middle" >
<IMG src="enter.gif" usemap="#enter_map">
<MAP name="enter_map">
  <AREA alt ="Please, click to enter" shape="poly" coords="" href="main.html">
</MAP>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

При удалении первой строки (DTD) все отображается нормально. Также нормально отображается в браузерах Opera и Firefox (в любом случае). Подскажите как исправить кривое отображение в IE.

NickLion · Сообщение **NickLion** » 09.07.2009 07:55

Добавьте вот такой код:

Код: Выделить всё

<style type="text/css">
html, body {
    height:100%;
}
</style>

Voral · Сообщение **Voral** » 09.07.2009 10:39

Yaros писал(а): ↑
09.07.2009 01:48
При удалении первой строки (DTD) все отображается нормально. Также нормально отображается в браузерах Opera и Firefox (в любом случае). Подскажите как исправить кривое отображение в IE.

Используйте плагин к FF html Validator. Получите некоторые объяснения по этому поводу.
В кратце: <table height="100%"> не вписывается в стандарт

Yaros · Сообщение **Yaros** » 10.07.2009 01:17

NickLion писал(а): ↑
09.07.2009 07:55
Добавьте вот такой код:
Код: Выделить всё
<style type="text/css">
html, body {
    height:100%;
}
</style>

Добавил - заработало... Однако если удалить свойство height="100%", то нормально видится только в IE. Так и задумано - держать оба свойства в коде?

Voral писал(а): ↑
09.07.2009 10:39
Yaros писал(а): ↑
09.07.2009 01:48
При удалении первой строки (DTD) все отображается нормально. Также нормально отображается в браузерах Opera и Firefox (в любом случае). Подскажите как исправить кривое отображение в IE.

Используйте плагин к FF html Validator. Получите некоторые объяснения по этому поводу.
В кратце: <table height="100%"> не вписывается в стандарт

Оу... Он только под Окна, этот плаг?

Voral · Сообщение **Voral** » 10.07.2009 08:00

Yaros писал(а): ↑
10.07.2009 01:17
Оу... Он только под Окна, этот плаг?

Он как и FF есть и для линукс и для виндус. Я, кстати, вообще не задумывался - вроде эти плагины вообще не зависят от платформы?
Он вообще у меня прикручена к iceweasel (дебеановский вариант ff) и под виндой его использовал

Yaros писал(а): ↑
10.07.2009 01:17
Код: Выделить всё
<style type="text/css">
html, body {
    height:100%;
}
</style>
Добавил - заработало... Однако если удалить свойство height="100%", то нормально видится только в IE. Так и задумано - держать оба свойства в коде?

так тут же нет table{height:100%}

NickLion · Сообщение **NickLion** » 10.07.2009 10:34

Yaros писал(а): ↑
10.07.2009 01:17
NickLion писал(а): ↑
09.07.2009 07:55
Добавьте вот такой код:
Код: Выделить всё
<style type="text/css">
html, body {
    height:100%;
}
</style>
Добавил - заработало... Однако если удалить свойство height="100%", то нормально видится только в IE. Так и задумано - держать оба свойства в коде?

Voral уже немного объяснил, но разъясню подробнее. В данном случае IE работает в соответствии со стандартом XHTML и высота документа зависит от содержимого. А при помощи стилей мы явно устанавливаем высоту всего HTML и BODY в 100% (высота окна). Ну, и таблицу также надо на 100% по высоте растянуть. Можно добавить в стили html, body, table {...} и убрать у таблицы, но не хорошо, если несколько таблиц, можно правда через класс или ID установить.

Voral · Сообщение **Voral** » 10.07.2009 12:22

Yaros писал(а): ↑
10.07.2009 01:17
Оу... Он только под Окна, этот плаг?

кстати да на сайте https://addons.mozilla.org/ написано что нет для Линукс платформы... Но если пролистать до конца описания, то там указана таковая поддержка. У меня все работает

версия 0.8.5.8

И в IceWeasel и в FF3.5

unixforum.org

Решено - Проблема с растягиванием по вертикали в IE6 (HTML/CSS)

Решено - Проблема с растягиванием по вертикали в IE6

Re: Решено - Проблема с растягиванием по вертикали в IE6

Re: Решено - Проблема с растягиванием по вертикали в IE6

Re: Решено - Проблема с растягиванием по вертикали в IE6

Re: Решено - Проблема с растягиванием по вертикали в IE6

Re: Решено - Проблема с растягиванием по вертикали в IE6

Re: Решено - Проблема с растягиванием по вертикали в IE6