Форум Сайтостроение Веб-строительство

Помогите с версткой

N
На сайте с 14.06.2004
Offline
107
Nicca
641

У меня есть на сайте несколько страниц у которых мало контента и на этих страничках низ страницы поджимает основной контент. Как растянуть страницу чтобы нижняя часть была в самом низу и междк ней и контенотом просто было пустое место?

как сдесь например; http://softwaremaniacs.org/blog/wp-content/3col-layout/layout-flex-long-1.html

Пробовал ставить html,body { height:100%; margin:0px; padding:0px; }

но что-то все равно растягивается.

Может это дела в структуре страницы?й

dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#1
Nicca:

Пробовал ставить html,body { height:100%; margin:0px; padding:0px; }

Этого недостаточно.

Для примера загляните в код:

http://dkameleon.com/portfolio/last_arg/page.html

http://dkameleon.com/portfolio/last_arg/index.css

body, html { height: 100%; }
* html #wrapper { height: 100%; }
#footer {
	height: 80px;
	margin-top: -80px;
}

Надеюсь, ничего не пропустил.

Дизайн интерьера (http://balabukha.com/)
N
На сайте с 14.06.2004
Offline
107
Nicca
#2

Сделаа как Вы написали - все равно футер поджимает!

Может еще и от структуры страницы зависит?

Yurecm
На сайте с 25.02.2007
Offline
233
Yurecm
#3

Добавьте

#wrapper {

min-height: 100%;

min-width: 770px;

/* IE min-width fix */

width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 770 ? "770px" : "auto");

}

N
На сайте с 14.06.2004
Offline
107
Nicca
#4

В самом верху цсс файла у мен прописано:

html,body { height:100%; margin:0px; padding:0px; }

* html #wrapper { height: 100%; }

#wrapper {

min-height: 100%;

}

Поджимает и немного залазит на контент(ФФ и Опера) в ИЕ тоже

Весь контент страницы формируется таблицей. Если в ней прописать height: 100%; то получается полоса прокрутки..

Скрыть важный для поисковиков Сайт не двигается в перенос сайта с Тильды
Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#5

Прижатие подвала к низу страницы - я бы вам посоветовал способ №2.

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
N
На сайте с 14.06.2004
Offline
107
Nicca
#6

Большое спасибо. Помогло. Правда кроме ИЕ

dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#7
Nicca:

Поджимает и немного залазит на контент(ФФ и Опера) в ИЕ тоже

Вот готовый шаблон. С ним хоть разберётесь? :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
body { margin: 0; padding: 0; }
html, body { height:100%; }
#wrapper { min-height: 100%; }
* html #wrapper { height: 100%; }
#footer {
	margin-top: -100px;
	height: 100px;
	border: 1px solid red;
}
#content {
	padding-bottom: 100px;
	border: 1px solid blue;
}
</style>

<body>
	<div id="wrapper">
		<div id="content">content</div>
	</div>
	<div id="footer">footer</div>
</body>
</html>

Рамочки уберите, чтоб прокрутки не было.

Seo Spy
На сайте с 31.07.2007
Offline
10
Seo Spy
#8

Я использую код Asa_NN, мне нравиться :)

У dkameleon - код не универсальный.

get rich or die tryin - (c) У Анатолия Вассермана 7 мозгов, один в голове, 5 рассованы по карманам и один в бороде. (http://portal.legko.org/2007/10/26/)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий