свойство высоты в IE 6 ведет себя странно - PullRequest
Новая
       6

свойство высоты в IE 6 ведет себя странно

0 голосов
/ 06 мая 2009

простая проблема (надеюсь)

У меня есть div:

с css:

.break {позиция: относительная; высота: 1px; цвет фона: # 555555; поле: 5px 10px 10px 10px;}

Этот div отображается в виде строки толщиной около 10-20 пикселей в IE 6 ??? ... отлично работает в любом другом браузере

любые советы будут оценены, спасибо ..

Andrew

Ответы [ 2 ]

3 голосов
/ 06 мая 2009

установка 

overflow: hidden;

to .break должен решить проблему.

IE просто резервирует минимальное пространство для содержимого (зарезервированное пространство равно высоте строки или размеру шрифта, установленному для этих элементов - точно не помню). Во всех других браузерах, если не хватает места, содержимое вытекает из контейнера. IE растягивает контейнер. Таким образом, установка переполнения на скрытый решает проблему.

2 голосов
/ 06 мая 2009

Не видя полной разметки HTML, трудно понять наверняка, но, скорее всего, это связано с тем, что IE 6 рендерит блочную модель в режиме причуд [1]. Чтобы IE 6 использовал режим стандартов, убедитесь, что вы явно объявляете тип документа в начале своей HTML-страницы: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 "http://www.w3.org/TR/html4/loose.dtd">

Если вы используете тип документа XML, убедитесь, что вы НЕ начинаете с объявления XML. Если у вас есть объявление XML до заголовка doctype, IE 6 переключится в режим причуд. Если вы используете тип документа XML, ваш заголовок должен выглядеть следующим образом: 

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

НЕ это: 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[1] http://en.wikipedia.org/wiki/Quirks_mode

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...