Налезают div блоки

Dim · July 25, 2009

Здравствуйте. Проблема такая, есть код. При изменении размеров страницы картинка из блока listImg налезает на другие блоки, как этого избежать.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<style type="text/css">
#list {
	width: 50%;
	margin:0 auto;

}

#listImg{
	background-color:#FF6;
	width:16%;
	float: left;

}
#listRight {
	margin-left:16%;

}

#listTitle {
	background-color: #FFF;

}

#listDscrpt {
	margin-top:2px;
	background-color:#0F0;

}
</style>

</head>
<body>


		  <div id='list'>
		  <div id="listImg" align="center"><img  style=" vertical-align: sub" src="0001.jpg" width="100" alt="Image" /></div>

		  <div id='listRight'>
		  <div id='listTitle'><p>Text</p>
		  </div>

		  <div id='listDscrpt'>Text
			</div>
		  </div>
		</div>


</body>
</html>

Edited July 25, 2009 by Dim

3d_max_9 · July 25, 2009

Здравствуйте. Проблема такая, есть код. При изменении размеров страницы картинка из блока listImg налезает на другие блоки, как этого избежать.

Попробуйте ставить размеры не в процентах а фиксированный т.е. px и т.д.

Dim · July 25, 2009

Попробуйте ставить размеры не в процентах а фиксированный т.е. px и т.д.

Спасибо большое, помогло!

Sign In

Налезают div блоки

Question

Dim

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

3d_max_9

Link to comment

Share on other sites

Dim

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information