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

29.08.2016
8
0
#1
Подскажите пожалуйста почему у меня 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
 

vital

Больной Компом Детектед
29.01.2006
2 432
33
#2
Я бы попробовал добавить\убрать лишнюю\недостающую высоту на блоке. Они видимо чуть по разному рендерят и наследуют св-ва.
 

[ixTor]

Well-known member
22.08.2016
87
15
#3
Некоторым свойствам CSS нужно указывать точные параметры.

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