Подскажите пожалуйста: у меня есть на сайте несколько страниц у которых мало контента и на этих страничках низ страницы поджимает основной контент. Как растянуть чтобы нижняя часть была в самом низу и междк ней и контенотом просто было пустое место? Пробовал ставить height:100% для тега боди и таблиц. В експлорере так как я хочу, но появляется вертикальная полома прокрутки и футер намногон иже задуманного, а в мозилле и опере все без изменений
Возможно, это что-то прояснит: Code: <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> body, html, p { padding: 0; margin: 0; } div { border: none; background-color: #369; width: 300px; height: 100%; } p { padding: 3px 6px; color: #000; } </style> </head> <body> <div> <p> Текст. Текст текст текст. Текст текст. Текст текст. Текст текст текст текст. Текст. Текст. Текст текст текст. Текст текст. Текст текст. Текст текст текст текст. Текст. </p> </div> </body> </html>
Что-то ничего не понял из примера: слева синий кусок с текстом и все. Вот ссылка http://softwaremaniacs.org/blog/wp-content/3col-layout/layout-flex-long-1.html Мне нужно чтобы самая нижняя менюха прижималась к нижнему краю страници, а не подтягивалась к контенту. Пробовал ставить html,body { height:100%; margin:0px; padding:0px; } но что-то все равно растягивается. Может это дела в структуре страницы?
Просто стоило начать с ссылки. Посмотрел в Opera 9.25, FF 2, IE 6 - как "менюха" слева (она же единственная менюха), так и полоска футера внизу находятся на одних и тех же местах. Только в IE 6 появляется небольшое пространство (не более 5px) до нижней границы окна. Но, по-моему, это не то, о чём стоит беспокоиться.
В ие тоже прижимается, тольео у тебя с кодировкой проблемы. http://i024.radikal.ru/0801/13/b4d47571ad00.gif