размещение дополнительного div'a - HTML и CSS

Mortimoro · 21.02.2012, 14:59

Есть 4 блока, выстроенные горизонтально с помощью обычного float:left

Код HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>...</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
html,body{margin:0;padding:0}
.col{width:23%; float:left; padding:20px 0 10px 10px; border:1px dashed green;}
</style>
</head>
<body>
<div class="col">
	Блок 1<br>
	................. ................. ................. .................  
	................. ................. ................. .................
</div>
<div class="col">
	Блок 2
</div>
<div class="col">
	Блок 3
</div>
<div class="col">
	Блок 4<br>
	................. ................. ................. .................  
	................. ................. ................. .................
</div>
</body>
</html>

нужно добавить еще один div под блоком 2 (см. рисунок). фишка в том, что это должен быть отдельный div, то есть обернуть блок 2 и блок 5 в один div не катит, ибо это было бы слишком просто и неинтересно... я так подозреваю, что нужно отменить обтекание блока 5, но те методы которые я перепробовал, ни к чему толковому не привели.

21.02.2012, 14:59	#1
Mortimoro Форумчанин Регистрация: 03.12.2010 Сообщений: 334	размещение дополнительного div'a Есть 4 блока, выстроенные горизонтально с помощью обычного float:left Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>...</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> html,body{margin:0;padding:0} .col{width:23%; float:left; padding:20px 0 10px 10px; border:1px dashed green;} </style> </head> <body> <div class="col"> Блок 1<br> ................. ................. ................. ................. ................. ................. ................. ................. </div> <div class="col"> Блок 2 </div> <div class="col"> Блок 3 </div> <div class="col"> Блок 4<br> ................. ................. ................. ................. ................. ................. ................. ................. </div> </body> </html> нужно добавить еще один div под блоком 2 (см. рисунок). фишка в том, что это должен быть отдельный div, то есть обернуть блок 2 и блок 5 в один div не катит, ибо это было бы слишком просто и неинтересно... я так подозреваю, что нужно отменить обтекание блока 5, но те методы которые я перепробовал, ни к чему толковому не привели. Последний раз редактировалось Mortimoro; 21.02.2012 в 15:02.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
как выровнить div внутри другого div'a по вертикали по центру	Arassir	HTML и CSS	4	12.03.2011 20:01
как задать ширину div'a	Arassir	HTML и CSS	3	22.01.2011 11:12
Delphi - Создание дополнительного модуля	Blew	Помощь студентам	6	21.01.2011 20:25
Вызов процедуры из дополнительного модуля	vedro-compota	Общие вопросы Delphi	23	25.04.2010 16:09