Фон div'а не уходит за другой div в Opera и FF

mp3 · January 17, 2009

В заголовке темы ошибка. Правильно: Фон div'а не уходит за другой div в Opera и FF

Почему не работает такая конструкция в Опере и ФФ (в ие всё ок) ? Фон downmenu улетает вверх на слой content и прилипает к upmenu. Получается что downmenu позиционируется не от content а от upmenu. Почему??

<!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;
}

Изображения:

http://ps4.ru/images/

Edited January 17, 2009 by mp3

kalyaka-malyaka · January 19, 2009

потому что контент и левое меню - флоаты, плавающие блоки. нужно для #downmenu добавить clear:both

Sign In

Фон div'а не уходит за другой div в Opera и FF

Question

mp3

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

kalyaka-malyaka

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information