Search the Community
Showing results for tags 'вёрстка дивами'.
Found 1 result
-
Добрый день. Столкнулся со следующей проблемой. Не меняя рассположение блоков в коде, "прибить" футер к низу, при том что у блоков динамическая высота и на некоторых страница блока 4 может не быть. Есть следующий код: <body> <!--[if lt IE 7]> <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> <p></p> <![endif]--> <div id="container"> <header> <strong>0</strong> хеадер </header> <div id="content"> <div class="maintext"><strong>4</strong> Текст описательный (динамическая высота)</div> <div class="firstcoll"><strong>1</strong> Колонка 1 (динамическая высота)</div> <div class="secondcoll"><strong>2</strong> Колонка 2 (динамическая высота)</div> <div style="clear:both;"><strong>3</strong> Блок 3 (динамическая высота)</div> </div> <aside> <strong>5</strong> Lorem ipsum (динамическая высота) </aside> </div> <footer><strong>6</strong> Футер</footer> </body> Стили: header { height: 54px; } #container { max-width: 1200px; min-width: 1000px; margin: 0 auto; } #content { width: 890px; position: relative; float: left; } .firstcoll { width: 430px; float: left; } .secondcoll { width: 425px; float: right; } .maintext { width: 890px; position: absolute; top: 100%; } aside { float: right; width: 250px; } footer { clear: both; }
