CSS - контент перемещается влево только в IE 7 - PullRequest
Новая
       16

CSS - контент перемещается влево только в IE 7

1 голос
/ 15 февраля 2009

Мой веб-сайт проходит проверку как для XHTML , так и CSS . В Firefox, Chrome, Safari, Opera и даже в IE 6 выглядит отлично (увы, не в IE 5.5, но кого это волнует?). Почему тогда в IE 7 все будет сдвигаться влево до конца? Любые предложения будут высоко оценены.

Ответы [ 3 ]

2 голосов
/ 15 февраля 2009

Когда я делаю центрированную страницу, я делаю следующее:

установить ширину для "page" -div и исправить поля и центрировать содержимое в теле. 

#page {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

body {
  text-align: center;
}

У меня всегда хорошо работал во всех браузерах ...

0 голосов
/ 15 февраля 2009

Это не работает, потому что вы делаете позиционирование по элементам body / html, что совершенно неправильно и никогда не будет выглядеть одинаково во всех браузерах. Смотри: http://www.sitepoint.com/blogs/2009/02/11/styling-the-html-and-body-elements/

Просто используйте элементы обертки - НИКОГДА не располагайте корпус.

0 голосов
/ 15 февраля 2009

Поместите еще один div вокруг всего в <body> и задайте стили полей и ширины для этого div, а не для самого тела. Установите text-align: center; на <body>. 

<body> <!-- text-align: center -->
    <div id="container"> <!-- width 960px, margin 30px auto, text-align: left, position: relative -->
        <div id="nav"></div>
        <div id="page"></div>
        <div id="preload"></div>
    </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...