Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.01.2010, 17:02
Аватар для micscr
Профессор
Отправить личное сообщение для micscr Посмотреть профиль Найти все сообщения от micscr
 
Регистрация: 10.09.2009
Сообщений: 1,566

совсем уже запутался с тонкостями
Хелло.
Советуют( в надежных источниках) для блочных элементов у которых указан width не указывать им padding, т.к. в IE width учитывает padding и будет не та общая ширина как запланировал. Причем это при "нестандартном" режиме и если уж надо то имеются хаки для подмены width.
Тестю в IE6 вроде все нормально (и в режиме без DOCTYPE тоже)
div.cl1 {
  width:100px;
  background:red;
  border:10px solid yellow;
  padding:20px;
  margin:20px;
 
}

160 в сумме везде выходит.
Может это для IE5.5 и меньше? В чем вообще соль?
Спасибо за ответ.
Ответить с цитированием
  #2 (permalink)  
Старый 23.01.2010, 17:17
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

IE < 6 еще не знали ни о каких Standards Compliance Mode, работали, как придется, более новые браузеры стали стараться следовать стандартам, а для обратной совместимости со старыми сайтам, у которых не указан DOCTYPE, был введен Quirks Mode.

В Quirks Mode IE использует режим расчета размеров border-box:
Сообщение от MDC
The width and height properties include the padding and border, but not the margin. This is the box model used by Internet Explorer when the document is not in standards-compliant mode.
А по стандартам content-box:
Сообщение от MDC
This is the default style as specified by the CSS standard. The width and height properties are measured including only the content, but not the border, margin, or padding.
https://developer.mozilla.org/en/CSS/box-sizing

Последний раз редактировалось Octane, 23.01.2010 в 17:20.
Ответить с цитированием
  #3 (permalink)  
Старый 23.01.2010, 17:26
Аватар для micscr
Профессор
Отправить личное сообщение для micscr Посмотреть профиль Найти все сообщения от micscr
 
Регистрация: 10.09.2009
Сообщений: 1,566

Спасибо. Получается только в IE<6 проблемы. А их уже особо можно и не учитывать на данный момент, да?
Ответить с цитированием
  #4 (permalink)  
Старый 23.01.2010, 17:32
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Если присутствует DTD, то да, только в IE < 6 такой расчет ширины и высоты, хотя щас еще модно на всяких ITшных блогах делать HTML5-верстку, от DTD которой много браузеров в Quirks Mode уходят, и начинаются приключения.

Последний раз редактировалось Octane, 23.01.2010 в 17:38.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск