Запрет обтекания блока справа

Kostia · February 22, 2011

Здравствуйте. Есть три блока (картинка)

Все три с float:left; При этом нужно, чтобы блок 3 не забирался на блок 2, а был либо под ним, либо под третьим (в зависимости от ширины окна)

Я пытался запретить обтекание второго блока справа так: clear: right; Результатов не даёт.

Если ставить после второго блока <br clear="both" />, то третий перескакивает сразу под первый, что тоже не подходит.

Знает ли кто-нибудь, как это можно сделать?

Код странички

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>Float</title>
		<style type="text/css">
			#d1{
				width: 150px;
				height: 400px;
				float:left;
				background-color: #fee9cb;
			}
			#d2{
				width: 200px;
				height: 100px;
				float:left;
				background-color: #f3a5f3;
				/*clear: right;*/
			}
			#d3{
				width: 300px;
				height: 200px;
				float:left;
				background-color: #a5c4f3;
			}
		</style>
	</head>
	<body>
		<div id="d1">Блок 1</div>
		<div id="d2">Блок 2</div>
		<!--<br clear="both" />-->
		<div id="d3">Блок 3</div>
	</body>
</html>

Спасибо за помощь.

Edited February 22, 2011 by Kostia

swetlana · February 22, 2011

			div {
			clear: left;
			}

и да: <br> == зло. (хоть и не абсолютное, хоть и бывают случаи его оправданного применения).

Micasa · February 22, 2011

блок 2 и 3 обьеденить в еще одну обертку и блоку 3 дописать clear:left; если нужно как на картинке По поводу br его использовать только для текста ну некак не для раскладки блоков

Edited February 22, 2011 by Micasa

swetlana · February 22, 2011

прошу прощения, не сразу поняла, что надо.

Так всего-навсего убрать float: left у второго блока.

Kostia · February 22, 2011

Micasa, так сначала и было. Но проблема в том, что блок 3 достаточно широкий. И если для него места не будет, то он утащит вниз и блок 2, так как они в одной обёртке (а она, конечно, с float:left; )

swetlana, спасибо. Это гениально

P. S. <br /> больше трогать не буду)

Edited February 22, 2011 by Kostia

Sign In

Запрет обтекания блока справа

Question

Kostia

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

swetlana

Link to comment

Share on other sites

Micasa

Link to comment

Share on other sites

swetlana

Link to comment

Share on other sites

Kostia

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information