• Познакомьтесь с пентестом веб-приложений на практике в нашем новом бесплатном курсе

    «Анализ защищенности веб-приложений»

    🔥 Записаться бесплатно!

  • CTF с учебными материалами Codeby Games

    Обучение кибербезопасности в игровой форме. Более 200 заданий по Active Directory, OSINT, PWN, Веб, Стеганографии, Реверс-инжинирингу, Форензике и Криптографии. Школа CTF с бесплатными курсами по всем категориям.

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

  • Автор темы Skander47
  • Дата начала
S

Skander47

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

vital

Я бы попробовал добавить\убрать лишнюю\недостающую высоту на блоке. Они видимо чуть по разному рендерят и наследуют св-ва.
 
I

[ixTor]

Некоторым свойствам CSS нужно указывать точные параметры.

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

Обучение наступательной кибербезопасности в игровой форме. Начать игру!