Блог

Главная - Вопросы по программированию - создание css заголовка — проблемы совместимости браузера с IE и Chrome.

создание css заголовка — проблемы совместимости браузера с IE и Chrome.

#html #css

#HTML #css

Вопрос:

Я хочу использовать этот рисунок в качестве заголовка на своем веб-сайте, но я столкнулся с проблемой совместимости с браузером, он выглядит не так, как я хочу, в IE, в то время как в Chrome он выглядит нормально, я разделил картинку на части, я получил одну и ее в качестве изображения, а вторую div я даю в качестве цвета фона

вот как это выглядит в Chrome http://www.4shared.com/photo/IifrVQyF/chrome.html ? вот как это выглядит в IE http://www.4shared.com/photo/dDi_KlKS/IE_online.html ? и вот как я это делаю 

 <html>
<head>
<title>Untitled Document</title>

<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">
@import"style.css.css";
</style>
</head>

<body bgcolor="#CCCCCC">
  <div id="HeaderLeftDiv"></div>
  <div id="HeaderRightDiv">
        <ul>
            <li class="current_page_item"><a href="index.php">Home</a></li>
            <li><a href="#">Photos</a></li>
            <li><a href="RegistrationForm.php">Register</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
  </div>


</body>
</html>

вот файл css 

 HeaderLeftDiv
{
    border:"1";
    position:absolute;
    top:12px;
    left:19%;
    width:22%;
    height:13%;
    background:url(Images/Img1.png);
}

HeaderRightDiv
{
    position:relative;
    top:36px;
    left:40%;
    width: 40%;
    height: 54px;
    margin-right: 100px;
    border:3px;
    background-color:#000;
}

Ответ №1:

Вы осознали тот факт, что по умолчанию IE имеет поле в теле?

 body{margin:0}

Должно решить вашу проблему.