PDA

Просмотр полной версии : Помогите с версткой


Nicca
17.01.2008, 00:06
Подскажите пожалуйста:
у меня есть на сайте несколько страниц у которых мало контента и на этих страничках низ страницы поджимает основной контент. Как растянуть чтобы нижняя часть была в самом низу и междк ней и контенотом просто было пустое место?

Пробовал ставить 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>

Nicca
17.01.2008, 02:10
Что-то ничего не понял из примера: слева синий кусок с текстом и все.

Вот ссылка
http://softwaremaniacs.org/blog/wp-content/3col-layout/layout-flex-long-1.html
Мне нужно чтобы самая нижняя менюха прижималась к нижнему краю страници, а не подтягивалась к контенту.

Пробовал ставить html,body { height:100%; margin:0px; padding:0px; }
но что-то все равно растягивается.
Может это дела в структуре страницы?

FeraS
17.01.2008, 02:27
В опере прижимается

astrologer
17.01.2008, 02:39
Просто стоило начать с ссылки.
Посмотрел в Opera 9.25, FF 2, IE 6 - как "менюха" слева (она же единственная менюха),
так и полоска футера внизу находятся на одних и тех же местах.
Только в IE 6 появляется небольшое пространство (не более 5px) до нижней границы окна.
Но, по-моему, это не то, о чём стоит беспокоиться.

Хозяин
17.01.2008, 02:42
В ие тоже прижимается, тольео у тебя с кодировкой проблемы.

http://i024.radikal.ru/0801/13/b4d47571ad00.gif