Пожалуйста, исправьте эту проблему совместимости браузера - PullRequest
Новая
       4

Пожалуйста, исправьте эту проблему совместимости браузера

0 голосов
/ 26 августа 2009

Мой CSS-код: 

body
{
padding:0;
margin:10px auto;
width:800px;
}

.wrapper
{
 width:800px;
 background-color:#0099FF;
}

.bannercont
{
 margin-top:5px;
 height:90px;
 width:800px;
}

.banner
{
 position:relative;
 top:20px;
 background-image:url(../images/livesupport.png);
 width:267px;
 height:32px;
}

Мой HTML: 

<html>
    <head>

    <link href="../css/iestyle.css" rel="stylesheet" type="text/css">
    <script language="javascript" src="../js/jquery.js"></script>
    <script language="javascript" src="../js/jquery.corners.js"></script>


    <script>

        $(document).ready( function(){
        //$('.banner').corners("30px transparent top");  
        });

    </script>


    </head>

    <body>

    <div class="wrapper">
        <div class="bannercont"><div class="banner"></div></div>


    </div>

   </body>
</html>

Баннер отображается в центре Firefox и выровнен по левому краю в Internet Explorer Мне нужно это по центру. Пожалуйста, помогите мне

Ответы [ 3 ]

2 голосов
/ 26 августа 2009

добавить 

display: block;
margin: 0 auto;

к элементу баннера

1 голос
/ 26 августа 2009

Вот некоторые размышления:

  • Добавьте тип документа на страницу, чтобы он не отображался в режиме причуд.
  • Не устанавливайте ширину элемента body.
0 голосов
/ 26 августа 2009

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

margin: 0 auto;

он будет автоматически центрирован по всему браузеру.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...