Как растянуть DIV по высоте от шапки до подвала?

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Как растянуть DIV по высоте от шапки до подвала?

Опции

sapravka

Topic Starter сообщение

1.11.2010, 1:09; Ответить: sapravka

Сообщение #1

Группа: User
Сообщений: 2
Регистрация: 1.11.2010
Поблагодарили: 0 раз
Репутация:

Собственно сам вопрос:
Как растянуть DIV (content и left) по высоте: от шапки до подвала (от top до footer)?
Вот index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Наш сайт</title>
<link href="css/template.css" rel="stylesheet" type="text/css">


</head>
<body>
<div id="body">
<div id="maket">
<div id="top">Шапка </div>
<div id="content">Содержимое сайта</div>
<div id="left">Левое меню</div>
</div>
<div id="footer">Подвал</div>
</div>
</body>
</html>

А вот template.css:

body, html {
    margin:0px;
    padding:0px;
    height:100%;
}
#body{
    margin:0px;
    padding:0px;
    min-height:100%;
}
#maket {
    margin:0 auto;
    padding:0px;
    width:1000px;
    background-color:#F00;
    min-height:100%;
}
#top{
    margin:0px;
    padding:0px;
    background-color:#C0C000;
    height:220px;
}
#content{
    margin:0;
    padding:0px;
    width:788px;
    background-color:#8080FF;
    float:right;
}
#left{
    margin:0px;
    padding:0px;
    background-color:#00C0C0;
    height:535px;
    width:212px;
}

#footer{
    margin:0 auto;
    margin-top:-50px;
    padding:0px;
    background-color:#FFC0FF;
    clear:both;
    width:1000px;
    height:50px;
}

В вложенном рисунке отображается черными стрелками - что именно хотелось бы растянуть, так, чтобы при минимум текста блоки content и left было во весь экран, а при увеличении текста более размера экрана увеличивались (растягивались) указанные ранее div автоматический! (Без "JavaScript", так как он по умолчанию отключен на многих браузерах).

И еще:
Какие альтернативные стили добавить в Internet Explorer 6 и 7 версии, что бы с помощью CSS корректно отображалось DIV в этих браузерах?(так как например в OPERA 10 версии...).

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

Ответить с цитированием данного сообщения

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Арбитражники, как ведете учет расходов и доходов?	11	Boymaster	1801	17.4.2024, 23:35 автор: Boymaster
Как вывести деньги в Украине с заблокированного Юмани ?	29	freeax	4810	17.4.2024, 1:19 автор: sergio11
Как вы отдыхаете от работы за компом	148	adw-kupon.ru	19707	8.4.2024, 10:37 автор: Skyworker
Как вы бросили работу и перешли на заработок с сайтов?	18	uahomka	3099	5.4.2024, 5:53 автор: Skyworker
Как бездомные хранят деньги?	81	metvekot	13654	31.3.2024, 12:44 автор: Boymaster

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 19.4.2024, 12:08

Дизайн