С дивами проблема

folibis · November 30, 2007

есть такая ситуация

вот код

<div>
	<div id="left">
		<div>
			<div id="left_bg">
				<table border=1><tr><td>Работы</td><td>Научная деятельность</td></tr></table>
			</div>
			<div id="middle_bg"></div>
		</div>
	</div>
	<div id="right">
		<div id="right_top"></div>
		<div id="right_bottom"></div>
	</div>
</div>

и стили

#left
{
	height:39px;
	width: 642px;
	float:left;
}
#right
{
	height:39px;
	width:358px;
	float:right;
}
#left_bg
{
	background-image:url(images/menu_left.jpg);
	background-repeat:repeat-x;
	width:614px;
	float:left;
	height:39px;
}
#middle_bg
{
	float:right;
	width:28px;
	background-image:url(images/menu_middle.jpg);
	background-repeat:no-repeat;
	height:39px;
}
#right_top
{
	height:10px;
	font-size:1px;
	background-image:url(images/header_small.jpg);
	background-repeat:none;
}
#right_bottom
{
	height:29px;
	background-image:url(images/menu_right.jpg);
	background-repeat:repeat-x;
}

Почему то таблица слева не выстраивается по высоте блока "left_bg". таблица начинается как раз на высоте блока "right_bottom". Что интересно, если в блок "middle_bg" вставить какой нибудь текст то он выстраивается как раз по высоте контейнера. Почему? И Как победить? Как сделать чтоб таблица начиналасть от верха контейнера?

klierik · November 30, 2007

1. какой доктайп

2.

*{margin:0;padding:0}
table{border-collapce:collapce; border:none;}

folibis · December 3, 2007

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

да таблица тут для примера, чтоб было видно границы.

проблема в том что она сползла вниз.

и

margin:0px;
padding:0px;

у меня прописано

Sign In

С дивами проблема

Question

folibis

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

folibis

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information