Подскажите пожалуйста почему у меня html страничка отображается по разному в двух браузерах

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Skander47, 3 сен 2016.

  1. Skander47

    Skander47 Member

    Регистрация:
    29 авг 2016
    Сообщения:
    8
    Симпатии:
    0
    Подскажите пожалуйста почему у меня html страничка отображается по разному в двух браузерах firefox и chrome? В html и css введены одни и те же данные,а результат разный.Вот код и примеры:
    HTML:
    !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="css/style css/style_bg.css" type="text/css" rel="stylesheet">

    <title>Документ без названия</title>
    </head>
    <body>
    <div id="Wrapper">
        <div id="main">
              <h1>Company: EvCorporation</h1>
        </div>
    </div>

    </body>
    </html>
    Код (CSS):
    body{
        background-color:#C3C3C3;
        background-image:url(../../images/pattern.png);
        background-repeat:repeat;
        margin:0;
        padding:0;
    }
    #main {
        width:880px;
        height:991;
        margin: 29px auto;
        outline:0px solid #FAA21A;
        background-image:url(../../images/bg_s.jpg);
        background-repeat:repeat-x;
        background-color:FEFECC;
    }
    #main h1{
        text-align:center;
        outline:0px solid #cc0000;
        padding-top:182px;
        font:36px Verdana;
        background-image:url(../../images/logo.png);
        background-repeat:no-repeat;
        background-position:175px 190px;
    }
    #Wrapper{
        outline:2px solid #cc0000;
        background:url(../../images/tel.jpg) no-repeat fixed 0 120px
       
       
    }    
    chrome.png firefox.png
     
  2. vital

    vital Больной Компом Детектед

    Регистрация:
    29 янв 2006
    Сообщения:
    2.469
    Симпатии:
    27
    Я бы попробовал добавить\убрать лишнюю\недостающую высоту на блоке. Они видимо чуть по разному рендерят и наследуют св-ва.
     
  3. [ixTor]

    [ixTor] Active Member

    Регистрация:
    22 авг 2016
    Сообщения:
    25
    Симпатии:
    3
    Некоторым свойствам CSS нужно указывать точные параметры.

    PS: height:991; <= "px?"
    PS2: background:url(../../images/tel.jpg) no-repeat fixed 0 120px; <= "etc"
    PS3: Учись правильно программировать, по больше читай правильной литературы.
    ЗЫ: Каждый браузер имеет свои особенности и не плохо было бы - узнать о них.
     
Загрузка...

Поделиться этой страницей