Kostia
-
Posts
2 -
Joined
-
Last visited
Kostia's Achievements
Explorer (1/14)
0
Reputation
-
Micasa, так сначала и было. Но проблема в том, что блок 3 достаточно широкий. И если для него места не будет, то он утащит вниз и блок 2, так как они в одной обёртке (а она, конечно, с float:left; ) swetlana, спасибо. Это гениально P. S. <br /> больше трогать не буду)
-
Здравствуйте. Есть три блока (картинка) Все три с 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> Спасибо за помощь.