Можно применить этот CSS к внутреннему <div>
:
#inner {
width: 50%;
margin: 0 auto;
}
, Конечно, Вы не должны устанавливать width
на 50%
. Любая ширина меньше, чем содержание <div>
будет работать. Эти margin: 0 auto
то, что делает фактическое центрирование.
при предназначении для IE8 + могло бы быть лучше иметь это вместо этого:
#inner {
display: table;
margin: 0 auto;
}
Это сделает внутренний центр элемента горизонтально, и это работает, не устанавливая определенное width
.
Рабочий пример здесь:
#inner {
display: table;
margin: 0 auto;
border: 1px solid black;
}
#outer {
border: 1px solid red;
width:100%
}
<div id="outer">
<div id="inner">Foo foo</div>
</div>
Вы отправляете правильные заголовки?
Вам нужно отправить заголовок
Content-Encoding: gzip
для IE, чтобы понять, что он сжат с помощью gzip (Firefox и другие достаточно умен, чтобы обнаружить это автоматически, хотя они и не должны! )
В PHP это можно сделать, используя: -
header('Content-Encoding: gzip');
Я видел проблемы при использовании gzip с Internet Explorer на странице, на которой есть flash. Если на вашей странице есть вспышка, возможно, поэтому. Я не помню причину, и в то время, когда мы ее обнаружили, она вызывала проблемы на работающем сайте, поэтому мы просто отключили gzip для Internet Explorer, чтобы обойти эту проблему.
Следует добавить, что вам следует отключить сжатие gzip для IE6 до SP2. До SP2 IE6 не всегда считывал и кэшировал сжатый контент должным образом, и в итоге вы получали искаженный код.
Вы можете определить установку IE6 SP2, посмотрев на "SV1" в строке пользовательского агента.