Как центрировать этот контейнер для IE и других браузеров? - PullRequest
Новая
       1

Как центрировать этот контейнер для IE и других браузеров?

0 голосов
/ 22 декабря 2011

Прямо сейчас этот конкретный контейнер выглядит одинаково во всех браузерах, кроме IE в Windows.

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

.container {

background-color: #FFFFFF;
margin:0 auto; 
min-height: 170px;
width: 770px;
border:3px solid #000000;
margin-top:30px;
margin-bottom:60px;
}

Ответы [ 3 ]

1 голос
/ 22 декабря 2011

Вставьте метатег в вашу голову: 

<meta http-equiv="X-UA-Compatible" content="IE=9" />

IE любит быть особенным.

0 голосов
/ 22 декабря 2011

Попробуй так: 

body{ padding: 0; margin:0; }
#wrapper { position: relative; padding: 0px; width: auto;} 
    .container { width: 770px; min-height: 170px; margin: 0 auto; margin-top:30px; margin-bottom:60px; border:3px solid #000000;}

с такой структурой: 

<body>
<div id="wraper">
<div class="container">
your content here
</div>
</div>
</body>

Я надеюсь, что это может быть полезно ..:)

0 голосов
/ 22 декабря 2011

Вам следует подумать о том, чтобы не поддерживать старые печальные браузеры.А пока попробуйте старый взлом текстового центра: 

body { text-align:center; }
.container { text-align: left; width: 770px; margin: 30px auto 60px auto; }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...