Центральная страница в IE

#css #internet-explorer #quirks-mode

#css #internet-explorer #режим причуд

Вопрос:

Я пытаюсь центрировать страницу в IE. Если я принудительно использую режим quirk путем добавления <!-- some comment --> до объявления DOCTYPE margin: auto; , он не будет работать должным образом, и страница будет сдвинута влево. Если я удалю страницу комментариев, она будет центрирована, но некоторые другие элементы будут в беспорядке. Не могли бы вы дать мне несколько советов, как это решить?

Комментарии:

1. Есть ли у вас какие-либо поплавки в вашем контейнере? Возможно, было бы разумно опубликовать ваши простые HTML и CSS…

2. У вас есть ширина, указанная для вашего контейнера? Возможно, я ошибаюсь, но я не думаю, что автоматическое поле будет работать, если на нем нет какой-то ширины. Как сказал БенМ, если вы опубликуете свой код, вам будет легче помочь.

3. решение: удалите quirksmode, а затем исправьте другие вещи, которые находятся в беспорядке. Если вы полагаетесь на quirksmode для решения своих проблем, то вы накапливаете большие проблемы для себя в будущем. Стисни зубы и приведи в порядок свой сломанный макет.

Ответ №1:

Настройка margin-left: auto и margin-right: auto для тела с помощью CSS обычно делает свое дело.

Однако принудительный режим quirks, вероятно, не самая лучшая идея.

Ответ №2:

Конечно, находиться в режиме quirks — это не то, где вы хотите быть, поэтому прекратите это делать. Проблема будет связана с остальной частью разметки, но, если вы не дадите нам ссылку или jsfiddle с полной разметкой, все, что мы скажем, будет просто догадкой.

Работает ли страница в современном браузере (что угодно, кроме IE)?

Ответ №3:

Вы можете использовать запас в 50% и отрицательную левую позицию с половиной размера вашего элемента:

 position: relative;
width: 600px;
margin-left: 50%;
left: -300px;