white.ru

Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все работает нормально, получается где то так: Но! Мне надо, чтобы справа был блок, и эти дивы его обтекали. Вот он: <div style="width:250px; height:150px; background-color:#99CC33; border:2px solid #006600; float:right"> Но, получается, не совсем так, как надо: Собственно вопрос: как бы сделать так, чтобы дивы не опускались, а переносились на новую строку? Надеюсь, что объяснил нормально

Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все работает нормально, получается где то так: Но! Мне надо, чтобы справа был блок, и эти дивы его обтекали. Вот он: <div style="width:250px; height:150px; background-color:#99CC33; border:2px solid #006600; float:right"> Но, получается, не совсем так, как надо: Собственно вопрос: как бы сделать так, чтобы дивы не опускались, а переносились на новую строку? Надеюсь, что объяснил нормально