<!DOCTYPE html>
<html lang="en-US" dir="ltr" style='width:100%; height: 100%; margin:0; padding:0;'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>Таблица шириной - 100%, высотой - 100%. Задано через стили.</title>
</head>
<body style='width:100%; height: 100%; margin:0; padding:0;'>
<TABLE style='width:100%; height: 100%;'>
<TR>
<TD style='width:100%; background-color:#ccc;'>ширина - 100%, высота - не указана</TD>
</TR>
<TR>
<TD style='width:100%; height:200px; background-color:#aaf;'>ширина - 100%, высота - 200px</TD>
</TR>
</TABLE>
</body>
</html>
Простой код, проще некуда: таблица во весь экран, две ячейки таблицы (две строки), верхняя строка без указания высоты, нижняя строка - 200 точек высотой.
Везде все отлично, и только в ослике граница между двумя ячейками переишачена практически к самому верху: то есть нижняя ячейка почти на всю высоту. То есть, высота 200px полностью игнорируется. Код легко проверить в любом ослике просто сохранив в страничку.
Если удалить доктайп, то ослик вдруг превращается в некое подобие браузера: он вдруг понимает, что ему сунули таблицу с нижней ячейкой высотой 200 точек и, о чудо(!), он таки рисует то, что нужно, как и все остальные браузеры.
У меня вопрос: что я сделал не так? Как ослику рассказать, что доктайп надо слушать? Поверхностно погуглил яндекс, вроде нигде не описывается (кстати, верный признак, что проблема мелкая и я заблудился в трех соснах на самом деле).
Примечание:
Версия 9
Примечание:
Проверил еще в 8м эксплорере - та же картина.
Примечание:
>>> В MSIE9 нормально работает, только строку с X-UA-Compatible удалить нужно.
Вот только что поигрался с ней и вместо IE=7 выставил IE=edge, и сработало. Да и с параметром выше 8 тоже сработало.
А если параметр убрать, то не работает - ни в 8м, ни в 9м.
Проблема оказалась мелочью, надо было почаще доки читать. Всем спасибо :)
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.