Firefox добавляет дополнительную ширину с отступами - PullRequest
Новая
       14

Firefox добавляет дополнительную ширину с отступами

5 голосов
/ 16 ноября 2010

У меня вопрос относительно CSS в Firefox.

Если я установлю ширину плавающего div - скажем, 200px - установка отступа влево на 10px добавит в Firefox эти дополнительные 10px к ширине.В IE это не так.

Что вы можете сделать, чтобы Firefox не добавил дополнительную ширину в div?

Ответы [ 2 ]

8 голосов
/ 16 ноября 2010

Проблема не в firefox, а в IE.

IE не соответствует стандартам, есть несколько хитростей, но они все в заднице: http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug

Самый простой способ - добавить правильный строгий тег doctype: 

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

Затем просто перепишите css для стандартной модели блока

Больше типов документов здесь

4 голосов
/ 01 сентября 2011

По умолчанию для поля размеров ящика установлено значение content-box в Mozilla и border-box в IE.

с помощью: 

-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;

в вашем стиле вы можете установить размеры ящикаМозиллы, сафари и оперы к границе тоже.

для получения дополнительной информации проверьте: http://www.css3.info/preview/box-sizing/

...