Здравствуйте.
В 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>
[CSS]
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;
}
[/CSS]
[attachment=37762:scrin.jpg]
Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|