Растянуть дочерний элемент. - HTML и CSS - Страница 2

Julila · 02.03.2013, 15:17

удали тогда
#h_footer

Ninazu · 02.03.2013, 15:19

hfooter добавил, чтобы контент не налазил на footer, но даже если его удалить, всё равно ситуация не измениться.

В конечном результате. Должно получиться так

Убрал <!DOCTYPE (Это позволило в Хроме увидеть более что-то похожее на конечный результат)
Хотя Content всё равно больше нормы получается, да и без <!DOCTYPE как-то не феншуйно скорее грязный хак, который не будет работать в других браузерах, либо косяки в других местах полезут
Формула такая

Цитата:

#content = #main.height - #header.height - #menu.height - #hfooter.height

Код:

<html>
<head>
<title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}

#main {
	width:960px;
	min-height:100%;
	margin:0 auto;
	background:#00F;
	
}

#content {
	background:#CCC;
	border:solid 1px;
	height:100%;
}

#header{
	height:120px;
	background:#FFC;
}

#h_footer{
	height:33px;
}

#footer{
	background:#F00;
	height:33px;
	margin-top: -33px;
	width:960px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

</style>

</head>
<body>
    <div id="main">
        <div id="header"></div> 
        <div id="menu"></div>
        <div id="content">Контент</div> 
        <div id="h_footer"></div>
    </div>   
    <div id="footer"></div>	
</body>
</html>

Ninazu · 19.03.2013, 10:00

Не думал что это настолько тривиальная задача. Неужели трудно организовать такую структуру страницы?

При условии что ширина фиксирована, высота всех элементов кроме content тоже. Последний должен занимать оставшуюся часть экрана. При этом не должно быть прокрутки страницы

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
TreeView выделить дочерний узел	Dozent	Общие вопросы Delphi	1	02.05.2012 08:34
C \| Lunix \| Дочерний процесс	Демик	Помощь студентам	2	19.04.2012 17:44
Дочерний класс. 1 вопрос	paravoz1k	Помощь студентам	1	30.11.2011 09:00
Дочерний класс от TListItem	EaRLL	Общие вопросы Delphi	14	18.04.2011 05:36
Программа, выполняет дочерний процесс	IgorArhangel	Помощь студентам	3	24.01.2009 23:12

02.03.2013, 15:17	#11
Julila Форумчанин Регистрация: 04.01.2011 Сообщений: 125	удали тогда #h_footer

19.03.2013, 10:00	#13
Ninazu Регистрация: 25.12.2011 Сообщений: 9	Не думал что это настолько тривиальная задача. Неужели трудно организовать такую структуру страницы? При условии что ширина фиксирована, высота всех элементов кроме content тоже. Последний должен занимать оставшуюся часть экрана. При этом не должно быть прокрутки страницы