CSS растянуть до экрана с прилепленной областью внизу

Главные вкладки

Аватар пользователя Nikolas Nikolas 28 июня 2010 в 18:59

Друзья, помогите!
Делаю тему для сайта, на некоторых страницах мало материала и получается что весь сайт заканчивается посередине и область "Подвал" висит некрасиво.
Хочу растянуть полностью сайт по вертикали, и чтобы область "Подвал" была прилеплена к нижней части, но что-то никак не получается Sad
То есть когда мало материала чтобы Подвал был внизу окна, а над ним пустое место оставалась, а когда много материала (больше страницы) - нормально прокручивалось бы и "Подвал" был в самом конце (внизу).
Уже по всякому пробовал стили div но что-то все никк Sad
Может есть у кого готовая заготовочка? Или ссылка на пример?
Если не понятно объяснил - напишите - пришлю скрины...

Комментарии

Аватар пользователя Nikolas Nikolas 10 ноября 2015 в 11:46

Все работает, но один нюанс есть - Я скрипт взял с сайта http://csstemplater.com/ с учетом наличия правой и левой колонки, но у меня есть места где правой колонки нет.
Как сдеалть чтобы не прописывать жестко padding-right? ведь если поставить 0 - то содержимое правой колонки будет налезать на контент, если больше нуля - контент будет сжат даже если правой колонки нет
XHTML 1.0 Transitional используется
Полученный с сайта html и css прилепил

Аватар пользователя Nikolas Nikolas 2 июля 2010 в 17:09

Ладно... пошаманил немного и решил что вставка элемента правой колонки в содержание со свойством float меня вполне удовлетворит.
Таким образом и получается что когда нет правого содержимого - текст выводится нормально, а когда есть - справа выделяется область под него Smile

Аватар пользователя Anton L. Safin Anton L. Safin 7 июля 2010 в 8:09

"Nikolas" wrote:
Как сдеалть чтобы не прописывать жестко padding-right? ведь если поставить 0 - то содержимое правой колонки будет налезать на контент, если больше нуля - контент будет сжат даже если правой колонки нет

Прописать в page.tpl.php примерно такую конструкцию

<div id="content" class="<?php if ($right) print 'with-left'; ?>">
<?php print $content; ?>
</div>

И для класса with-left прописать, соответственно, нужный padding.