Просмотр полной версии : Помогите с версткой
Подскажите пожалуйста:
у меня есть на сайте несколько страниц у которых мало контента и на этих страничках низ страницы поджимает основной контент. Как растянуть чтобы нижняя часть была в самом низу и междк ней и контенотом просто было пустое место?
Пробовал ставить height:100% для тега боди и таблиц. В експлорере так как я хочу, но появляется вертикальная полома прокрутки и футер намногон иже задуманного, а в мозилле и опере все без изменений
astrologer
17.01.2008, 01:01
Возможно, это что-то прояснит:
<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; }
но что-то все равно растягивается.
Может это дела в структуре страницы?
astrologer
17.01.2008, 02:39
Просто стоило начать с ссылки.
Посмотрел в Opera 9.25, FF 2, IE 6 - как "менюха" слева (она же единственная менюха),
так и полоска футера внизу находятся на одних и тех же местах.
Только в IE 6 появляется небольшое пространство (не более 5px) до нижней границы окна.
Но, по-моему, это не то, о чём стоит беспокоиться.
В ие тоже прижимается, тольео у тебя с кодировкой проблемы.
http://i024.radikal.ru/0801/13/b4d47571ad00.gif
vBulletin® v3.8.14, Copyright ©2000-2026, vBulletin Solutions, Inc. Перевод: zCarot