padding и Опера

ekklesiast · December 23, 2008

Есль div с фиксированной высотой.

Почему, если для этого блока указать padding, то его высота увеличивается на это значение?

.box_title {
background: url('img/r.gif') repeat;
padding-left: 10px;
padding-top: 5px;
height: 32px;
font-weight: bold;
font-size: 12px;
border-bottom: 1px solid #87b1d8;
}

В данном случае высота блока увеличиться на 5 пкс. Причем это только в опере, в ИЕ такого нет.

Edited December 23, 2008 by ekklesiast

Zippovich · December 23, 2008

Есль div с фиксированной высотой.
Почему, если для этого блока указать padding, то его высота увеличивается на это значение?
В данном случае высота блока увеличиться на 5 пкс. Причем это только в опере, в ИЕ такого нет.

Такое есть везде, padding входит в width/height, поэтому уменьшайте width/height на padding и будет Вам счастье.

ekklesiast · December 23, 2008

Такое есть везде, padding входит в width/height, поэтому уменьшайте width/height на padding и будет Вам счастье.

Так в ИЕ такого нет. :unsure:

Zippovich · December 23, 2008

В ие наблюдается неправильная работа с паддинг маржин, но то что Вы описываете в ИЕ есть, по крайней мере в ИЕ6/7

Vlad · December 23, 2008

Какой доктайп на странице стоит?

kalyaka-malyaka · December 23, 2008

Так в ИЕ такого нет.

да ладно!

это в таблицах такого нет. а в блочных элементах есть, не зависимо от браузера.

SelenIT · December 23, 2008

Почему, если для этого блока указать padding, то его высота увеличивается на это значение?

По стандарту CSS.

Так в ИЕ такого нет. blink.gif

Только в Quirks mode.

ekklesiast · December 23, 2008

Какой доктайп на странице стоит?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Изменил на

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">

Теперь в ИЕ так само.

НЕ сочтите за флуд, но посмотрите пожалуйста с точки зрени верстки.

http://ekklesiast.org.ua

В ИЕ такие глюки

В опере выглядит все в норме

Стили для меню и содержимого идентичны, разница только в фоновом рисунке.

Edited December 24, 2008 by ekklesiast

Vlad · December 24, 2008

Доктайп надо такой ставить

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

ekklesiast · December 24, 2008

В ИЕ проблема остается.

s0rr0w · December 24, 2008

Добавь к .box_title

_zoom: 1;

ekklesiast · December 24, 2008

Добавь к .box_title
_zoom: 1;

Не работает. :unsure:

А что это вообще значит?

Во-вторых: на странице второй блок выглядит нормально.

s0rr0w · December 24, 2008

Не работает.
А что это вообще значит?
Во-вторых: на странице второй блок выглядит нормально.

Это активатор одного из алгоритмов ИЕ касательно методов рендеринга.

Скорее всего проблема не именно в этом блоке, это проблема в навигационном блоке, который имеет float: right;

Вот ему нужно поставить _display: inline; Может помочь

ekklesiast · December 24, 2008

Это активатор одного из алгоритмов ИЕ касательно методов рендеринга.
Скорее всего проблема не именно в этом блоке, это проблема в навигационном блоке, который имеет float: right;
Вот ему нужно поставить _display: inline; Может помочь

:unsure: не помогло

Так это баг ИЕ?

yopopt · December 24, 2008

Поможет:

.post {
	width:100%;
	margin-right:-5px; /* Возможно необходимо другое значение */
}

s0rr0w · December 24, 2008

.post добавил _zoom: 1; и все заработало.

ekklesiast · December 24, 2008

Огромное спасибо!

Sign In

padding и Опера

Question

Link to comment

Share on other sites

16 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information