Фон в Opera и Mozilla Firefox, прокрутка в Opera

Flashton · April 18, 2011

Здравствуйте.

В Opera и Mozilla Firefox возникла проблема с фоном, при использовании кода приведённого ниже. В блоках #container_obhvat и #footer

используются одинаковые фоновые изображения, однако между блоками в этих бразерах явно видна граница (см. скрин.), почему эта граница возникает? В IE6 границу не видно.

Так же появилась проблема с прокруткой. Блок #footer должен прижиматься к низу, когда мало контента, в Opera появляется вертикальная прокрутка, которой быть не доложно, почему она возникает? Я заметил, что в Opera, когда появляется горизонтальная прокуртка, возникает и вертикальная.


<html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>bal-trade.ru</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>

<div id="container_obhvat">
Content
<div id="container_obhvat_otstup"></div>
</div>

<div id="footer">
Footer
</div>

</body>
</html>


html, body
{
    height:100%;
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#201f1f;
    background-color:#e8e8e8;
}

#container_obhvat, #footer
{
    position:relative;
    width:1001px;
    padding-left:20px;
    padding-right:20px;
    margin-left:auto;
    margin-right:auto;
    background:url(../images/body_bg.png) center top repeat-y;   
}


#container_obhvat
{
    min-height:100%;
}

*html #container_obhvat{height:100%;}

#container_obhvat_otstup
{
    padding-bottom:100px;
    background:#CC9933;
}

#footer
{
    height: 80px;
    margin-top: -80px;
}

Victor Ananiev · April 18, 2011

Цвет разный потому что у футера и у блока полупрозрачный бэк. они накладываются (footer {margin-top:-80px;}) вот отсюда и печаль с цветом.

Edited April 18, 2011 by Victor Ananiev

psywalker · April 18, 2011

В IE6 границу не видно.

ИЕ6 не понимает пнг, ему нужны фильтры.

Sign In

Фон в Opera и Mozilla Firefox, прокрутка в Opera

Question

Flashton

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Victor Ananiev

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information