DRiVER
-
Posts
4 -
Joined
-
Last visited
DRiVER's Achievements
Explorer (1/14)
0
Reputation
-
Требуется растянуть блок notes на всю высоту блока blog Перепробовал всё что смог, но проблему так решить и не удалось ( <html> <head> <style type="text/css"> div.container { width:1000px; margin:0 auto; } div.block_content { background:#030; } div.blog { width:968px; margin:0 15px; overflow:hidden; background-color:#0C9; } div.notes { width:740px; float:left; background-color:#6CF; } div.post { background-color:#FC9; } div.sidebar { width:211px; float:right; background-color:#99C; } </style> </head> <body> <div class="container"> <div class="block_content"> <div class="blog"> <div class="notes"> <div class="post"> <p>post</p> <p>post</p> <p>post</p> <p>post</p> <p>post</p> </div> <p>notes</p> </div> <div class="sidebar"> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> <p>sidebar</p> </div> </div> </div> </div> </body> </html>
-
спасибо, помогло
-
вот более подробное описание проблемы исходник <style type="text/css"> .container { width:500px; margin:0 auto; } #content1 { width:250px; float:left; background-color:#CF9; } #content2 { width:240px; margin-left:10px; float:right; background-color:#FF9; } #header { height:60px; background-color:#066; } #footer { height:47px; background-color:#06C; } #wrapper { min-height:500px; background-color:#F96; } </style> <div id="header"> <div class="container">шапка</div> </div> <div id="wrapper"> <div class="container"> <div id="content1"> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> </div> <div id="content2"> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> </div> </div> </div> <div id="footer"> <div class="container">низ</div> </div> если мало текста, то выглядит вот так: если много текста, то так: Как сделать чтобы wrapper увеличивался, а не оставался постоянно 500px?
-
есть конструкция <style type="text/css"> .container { width:500px; margin:0 auto; } #content { width:250px; float:left; } </style> <div class="container"> <div id="content"> <p>text text text</p> <p>text text text;</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> </div> </div> По мере увеличения текста блоке content, блок container не увеличивается (размеры) в следствии чего блок content накладывается на нижестоящие блоки. Как можно сделать чтобы блок container тоже растягивался вниз? проблема возникает когда content получает стиль float:left; (без выравнивания всё впорядке) з.ы.: надеюсь я доступно выразился заранее спасибо