Страница не центрируется в IE7 - PullRequest
Новая
       15

Страница не центрируется в IE7

1 голос
/ 12 октября 2011

Хорошо работает в Safari, но IE7 выравнивается по левому краю. http://cgi.ebay.co.uk/ws/eBayISAPI.dll?ViewItem&item=160653524585#ht_500wt_1372

Есть ли способ сделать так, чтобы он тоже центрировался в IE? Спасибо 

.container {
width:980px;
background-position: center;
padding: 0;
margin: auto;
font-family: "Trebuchet MS";
font-size: 12px;
}


</style>
</head>
<body>
<div class="container">

<div class="clear">dfgfdg</div>

</div>

EDIT:

У кого-нибудь есть аккаунт на eBay для тестирования? Нахальный, я знаю, но уверен, что многие люди выиграют!

РЕДАКТИРОВАТЬ 2:

Этот код по-прежнему отображается слева и действительно раздражает, потому что это можно сделать: 

.wrapper 
{
margin: 0 auto 0 auto;
width: 980px;
text-align: center;
}


.container
{
width: 100%;
text-align: left;
}

</style>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<body>

<div class="wrapper">
<div class="container">
your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.your content here.
</div>
</div>
</body>
</html>

Оказывает это: http://cgi.ebay.co.uk/ws/eBayISAPI.dll?ViewItem&item=160653524585#ht_500wt_1156

Пример центрированной страницы на eBay: http://stores.ebay.co.uk/Argos-Outlet (проверил код и, кажется, использует тот же код, как предложено ниже, но все еще не может заставить его работать вообще.

Ответы [ 5 ]

3 голосов
/ 12 октября 2011

Решение: http://jsfiddle.net/vonkly/GweVX/

CSS 

.container {
    width: 100%;
    padding: 10px 0; /* have some north + south padding */
    background-color: #feefee; /* enter your background color */
}
.aligner {
    display: block;
    width: 980px;
    margin: 0 auto; /* centers this element */
    text-align: center; /* centers the text */
}

HTML 

<div class="container">
    <div class="aligner">
        Lorem ipsum dolar sit amet, amet sit dolar ipsum lorem.
    </div><!-- /aligner -->
</div><!-- /container -->
0 голосов
/ 13 октября 2011

Вы можете обернуть свой div с другим с этим: 

.wrapper 
{
margin: 0 auto 0 auto;
width: 980px;
text-align: center;
}

.container
{
width: 100%;
text-align: left;
}

и тогда HTML будет выглядеть так: 

<div class="wrapper">
  <div class="container">
    your content here.
  </div>
</div>
0 голосов
/ 13 октября 2011

Изменить margin: auto; на margin: 0 auto 0 auto;

Чтобы текст был выровнен по левому краю, введите text-align: left;

0 голосов
/ 12 октября 2011 
.center {
    position: absolute:
    margin-left: -490px;
    left: 50%;
}

<div class="center">&nbsp;</div>

Это также центрирует DIV

0 голосов
/ 12 октября 2011

Вы должны просто быть в состоянии сделать это: 

.clear{
    text-align:center;
}

У меня работает, когда я переключаю IE9 в режим IE7. (Нет способа проверить на реальном IE7.)

...