Друзья, подскажите! В общем нужно чтобы высота слоя content была резиновой, а footer смещался вниз. Сейчас получается так, что если в контейнере content много инфы, то образуется "захлест" на footer. Footer смещается вниз по высоте Right-panel (а нужно по высоте content+news+temp). Как быть? HTML <html> <head> <LINK rel="stylesheet" media="screen" type="text/css" title="Style" href="style.css" /> </head> <body> <div id="content"> <div class="temp"></div> <div id="welcome"> <p>content1</p> <p>content2</p> <p>text1</p> <p>text2</p> </div> <div id="news"> <p>news</p> <p>news</p> <p>news</p> </div> <div id="right-panel"> <p>right</p> <p>right</p> <p>right</p> </div> <div class="temp"></div> </div> <!--Подвал--> <div id="footer"> <p>footer</p> <p>footer</p> <p>footer</p> </div> </body> </html> CSS div#content { margin: auto; width: 1000px; background-color: #FDFDFD; height: auto; } div.temp {height: 30px;} div#welcome { width: 625px; margin: 0 0 0 31px; border:1px solid #cdcdcd; background-color: #f8f8f8; float: left; } div#news { width: 625px; height: 100%; margin: 0 0 0 31px; float: left; } div#right-panel { margin: 0 0 0 657px; border:1px solid #cdcdcd; background-color: #f8f8f8; width: 315px; height: 100px; } div#footer { background: url('../img/footer-bg.png') repeat-x; height: 181px; width: 1000px; margin: auto; border: 1px solid #cdcdcd; }
