Jump to content

uNkind

Newbie
  • Posts

    3
  • Joined

  • Last visited

Everything posted by uNkind

  1. Всем большое спасибо за ответы, вроде разобрался, как сделать, все работает.
  2. Проверил еще раз выложенный пример - свойство "height: 100%;" там присутствует. То ли я не так понял, что Вы имеете в виду, то ли Вы ошиблись. Не могли бы Вы пояснить поподробнее? Насчет "position: relative" — последнее свойство не обязательно закрывать точкой с запятой, по идее это не ошибка.
  3. Добрый день. Ситуация такая: нужно сделать, чтобы футер был всегда внизу страницы. При этом фон контента всегда должен заполнять всю область страницы до футера. Может, не совсем понятно объяснил, мозги уже не работают. Вот работающий пример, который мне удалось сделать. Все работает нормально в браузерах IE6+, Opera и Google Chrome. Не работает в Мозилле - фон контента, если его мало, не заполняет всю область страницы до футера. Уже не знаю, что делать. Подскажите, в чем может быть проблема? Заранее спасибо за любую помощь. Исходный код: (основной блок main, в нем лежат блоки контент и футер. В блоке контент добавляется пустой блок empty, равный высоте футера, чтобы содержимое контента не налезало на футер) <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> * {padding: 0; margin: 0} body, html {height: 100%} div.main, div.content { height: auto !important; height: 100%; min-height: 100%; position: relative } div.main {width: 100%; background-color: #ccc} div.content {width: 50%; background-color: #cf0; text-align: center} div.footer { position: absolute; bottom: 0; width: 100%; height: 150px; background-color: #0cf } div.empty {height: 150px} </style> </head> <body> <div class="main"> <div class="content"> <br /><br /> <a href="/test/1.html">Мало контента</a> <a href="/test/2.html">Много контента</a> <br /><br /> Мало контента. Футер должен быть внизу, а фон контента должен заполнять всю страницу. <div class="empty"></div> </div> <div class="footer"></div> </div> </body> </html> Что-то не смог придумать как сделать код более читабельным, прошу прощения.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy