Всем привет! У меня такая проблема,попробую объяснить:при увеличении контента внутреннего контейнера, внешний контейнер #container не увеличивается вместе с внутренним, как только начинаешь прокручивать скролинг <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="basecss.css" type="text/css"> <link rel="stylesheet" href="css_index1.css" type="text/css"> <!--[if IE 6]> <link href="ie.css" type="text/css" rel="stylesheet"> <![endif]--> </head> <body> <div id="container"> <div id="main"> <div id="header"> </div><!-- end header --> <div id="all"> text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>end</div><!-- end all --> </div><!-- end main --> <div id="footer"></div> </div><!-- end container --> </body> </html> html,body{ height:100%; background:#fff; color:#000; } body{ font-size:small; font-family:Helvetica, Arial, sans-serif; } #container{ width:800px; background:#ccf; margin:0 auto; height:100%; } #main{ width:600px; min-height:100%; background:#fff; margin:0 auto -90px; } #all{ padding:0 0 90px; overflow:hidden; } #footer{ width:600px; margin:auto; height:90px; background:#369; } #header{ width:600px; margin:auto; height:120px; border-bottom:1px solid #ccc; background:#369; }
