Шапка и подвал фикс, остальное резина. Как?

[botyaslonim]

Есть такой макет:

ШАПКА

КОНТЕНТ

ПОДВАЛ

Шапка всегда наверху, подвал всегда прибит к низу экрана. Оба фиксированной высоты.

Контент со скроллингом.

Как без таблиц сделать так, чтобы контент всегда занимал ровно всё пространство между шапкой и подвалом?

[psywalker]

Это очень сложный вопрос. Особенно тем с Подвалом всегда внизу никогда не возникало, и поиском нам пользоваться лень, если честно. Нам всем надо подумать. Если что нибудь сообразим - отпишемся)

[botyaslonim]

Спасибо, решение нашёл

[psywalker]

  botyaslonim said:

Спасибо, решение нашёл

Странно, мы как ни пробывали, найти не могли)

[Great Rash]

Решение, которое когда-то использовал я (допустим шапка и подвал у нас 100px высотой):

.header,
.footer {
   height: 100px;
   background: #69c;
}

.body {
	position: absolute;
	top: 100px;
	bottom: 100px;
	width: 100%;
	overflow: auto;
	background: lightgreen;
}

для ИЕ6(7) 'экспрешн.

[psywalker]

Ну слушай, это прям как то тяжеловато я бы сказал. Сразу абсолют в дело пускать. И ещё экспрешаны в придачу. Я бы предпочёл обойтись малой кровью.

[Great Rash]

Ну и чем тебе абсолют не угодил? Весь сайт будет находится внутри этого абсолюта (и внутри же скроллится). На этом макете у меня был построен огромный корпоративный сайт, эта схема работала везде, всегда и безотказно.

Если придумаешь лучше буду только рад

[psywalker]

  Great Rash said:

Ну и чем тебе абсолют не угодил? Весь сайт будет находится внутри этого абсолюта (и внутри же скроллится). На этом макете у меня был построен огромный корпоративный сайт, эта схема работала везде, всегда и безотказно.

Если придумаешь лучше буду только рад

Да не, я конеш спорить не буду. Способ не плохой. Но по мне лучше пользоваться обычным и не париться. http://psywalker.ru/Forum/Footer_bottom/main.html

[Great Rash]

Ты не понял суть, вот что надо топикстартеру:

http://www.jsfiddle.net/w6cSh/

[psywalker]

  Great Rash said:

Ты не понял суть, вот что надо топикстартеру:

http://www.jsfiddle.net/w6cSh/

Аа, вот оно что, тогда извиняюсь. Способ хороший правда.

[botyaslonim]

Круто. Оно самое.

У меня чёта каменный цветок не выходил , и я просто JS забабахал:

<script type="text/javascript">
		var h = document.body.clientHeight;	
		var x = 130;	
		l = h - x;
		document.getElementById('main').style.height= l +'px';				
	</script>

  Great Rash said:

Ты не понял суть, вот что надо топикстартеру:

http://www.jsfiddle.net/w6cSh/