Думаю, IE 8 будет правильно интерпретировать box modell ... я что-то упустил? - PullRequest
Новая
       23

Думаю, IE 8 будет правильно интерпретировать box modell ... я что-то упустил?

0 голосов
/ 26 марта 2012

Я думал, что способ отображения информации в IE 8 теперь относится к блочной модели W3C, но я понял, что это не так.Я хочу использовать глобальную оболочку для своего контента, которая имеет ширину 772 пикселя (пытается оптимизировать для области просмотра экрана шириной 800 пикселов), но дает внутреннее заполнение по 20 пикселей с каждой стороны.Разве это не должно выглядеть как следующий фрагмент? 

 #content   { 
        padding: 20px; 
        width: 772px; 
        left: 50%; 
        margin-left: -386px; 
 }
/* IE 7   */ *:first-child+html #content { width: 732px; }

Почему-то это не так ... Пожалуйста, помогите мне!Я полностью запутался во всей этой вещи IE.Я думал, что определения для IE 8 должны быть установлены так же, как и для обычных браузеров, но опять же, значения padding увеличивают ширину элемента.Что мне не хватает?Может ли быть DTD быть проблемой?Я использую переходный тип следующим образом: 

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

Заранее спасибо, Фрэнк

1 Ответ

0 голосов
/ 26 марта 2012

Вы пытаетесь центрировать оболочку в окне просмотра?Работает ли это: 

 #content   { 
         padding: 20px; 
         width: 772px; 
         margin: auto;
         -ms-box-sizing: border-box;
         box-sizing: border-box;
  }

Насколько я знаю, стандартная модель определения размеров - это очень нелогичная модель контента, и вам нужно установить правило box-sizing, чтобы она стала блочной моделью.

http://quirksmode.org/css/box.html

...