Почему не работает такая конструкция в Опере и ФФ (в ие всё ок) ? Фон downmenu улетает вверх на слой content и прилипает к upmenu. Получается что downmenu позиционируется не от content а от upmenu. Почему??
CSS:
Изображения:
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Title</TITLE>
<LINK href="style1.css" type="text/css" rel="stylesheet">
</HEAD>
<BODY>
<div id="globall">
<div id="upmenu">
Верх
</div>
<div id="l_menu">
Левое меню
</div>
<div id="content">
Содержимое
</div>
<div id="downmenu">
Низ
</div>
</div>CSS:
Код:
body{
padding: 0px;
margin: 0px;
background: #FFFFFF;
color:#000;
font: 11px/13px Tahoma, Verdana, Arial;
}
#globall{
margin:0 auto;
width: 784px;
}
#upmenu{
background-image: url(images/up3e.png);
width: 624px;
height: 52px;
margin: 0 0 0 160px;
}
#l_menu{
float: left;
width: 160px;
margin: 0;
}
#content{
float:right;
background-color: #FFFFFF;
width: 622px;
height:100px;
border-left: 1px solid #979797;
border-right: 1px solid #979797;
margin: 0;
}
#downmenu {
background-image: url(images/bot.gif);
width: 624px;
height: 46px;
margin: 0 0 0 160px;
}Изображения:
Ссылка скрыта от гостей