Lithium
-
Posts
6 -
Joined
-
Last visited
Lithium's Achievements
Explorer (1/14)
0
Reputation
-
Перенести это само собой, это вариант на крайний случай если ничего не выйдет. Скрипт да он решит проблему, но хотелось бы без него Вот именно что хотелось бы не переносить, но если выхода другого нету то придётся Ещё конечно вариант <footer></footer> перенести внутарь 4 блока, но я не в курсе что будет с семантикой кода html5 будет ли она нарушена таким образом.
-
Да этот вариат вроде как подходит, спасибо, а что делать если js будет выключен? С js сразу было ясно что можно реализовать, хотелось бы только css если это возможно.
-
Видимо никто не в курсе :/
-
Спасибо за ответ, НО он совершенно не решает суть проблемы. Вы даже не поняли её. Рассмотрите внимательнее код блок maintext уже имеет абсолютное позиционирование, проблема прижать футер уже с имеющими блоками не меняя расположения их в коде, при этом сохранив дизайн. Ещё раз проблема не просто прижать футер, а прижать его с уже имеющим расположением блоков при том что высота их динамическая. Не отвечайте больше элементарные решения, тут проблема глубже, поэтому и ищу здесь ответ, так как возможно тут есть специ или кто сталкивался с этим. Спасибо. Вот сами исходники, может быть так будет проще понять суть. Прямая ссылка: http://box.iptel.by/f/69737_169.rar
-
Вы не поняли немного суть проблемы, акцент сделан на блок maintext.
-
Добрый день. Столкнулся со следующей проблемой. Не меняя рассположение блоков в коде, "прибить" футер к низу, при том что у блоков динамическая высота и на некоторых страница блока 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; }