Проблема div height 100% помогите!!!!!

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

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

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

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

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

Проблема div height 100% помогите!!!!!

Опции

Julija

Topic Starter сообщение

14.1.2010, 16:24; Ответить: Julija

Сообщение #1

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

Всем приветики!
Помогите пожалуйста сделать следующее, есть контент, правая и левая колонки необходимо сделать , что все три становились, по высоте контента(там больше содержимого, вот код:

<html>
<head>
<style>
body{
margin:0;
padding:0;
}
h2{
font:bold 20px Arial;
text-align:center;
margin:0;
padding:10px 0 0 0;
}
p{
margin:0;
padding:10px;
font:11px Arial;
text-align:justify;
}
#page{
width:100%;
height:100%;
margin:0 auto;
text-align:center;
}
#post_page{
width:800px;
margin:0 auto;
text-align:center;
}
#header{
height:200px;
width:800px;
background-color:blue;
}
#main{
width:800px;
float:left;
}
#left_sidebar{
float:left;
width:160px;
background-color:green;
min-height:250px;
height:auto !important;
height:250px;
}
#right_sidebar{
float:left;
width:160px;
background-color:brown;
min-height:250px;
height:auto !important;
height:250px;
}
#content{
float:left;
width:480px;
background-color:pink;
min-height:250px;
height:auto !important;
height:250px;
}
#footer{
clear:both;
width:800px;
background-color:yellow;
height:50px;
}
</style>
</head>
<body>
<div id="page">
<div id="post_page">
<div id="header">
<h2>Header</h2>
</div>
<div id="main">
<div id="left_sidebar">
<h2>Left_sidebar</h2>
</div>
<div id="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
</div>
<div id="right_sidebar">
<h2>Right_sidebar</h2>
</div>
</div>
<div id="footer">
<h2>Footer</h2>
</div>
</div>
</div>

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

Apay

16.1.2010, 18:27; Ответить: Apay

Сообщение #2

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

общего решения нет, есть много частных, например сделать боковые дивы очень большой высоты, а во внешнем диве задать overflow:hidden, но, опять же повторюсь, в каждом случае решение индиыидуально.

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

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

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

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

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

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Dao.AD: пуши, попсы и не только! ТОП монетизация и арбитраж. \| Акция 100 % отчисления!	89	Daopush	27113	15.4.2024, 19:28 автор: Daopush
Англоязычный SEO-копирайтинг от $3/100 слов от NeedmyLink \| Первая статья бесплатно	4	Needmylink1	1323	12.4.2024, 23:43 автор: Needmylink1
Incogniton - управляйте множеством браузерных профилей. 100% антидетект!	103	Incogniton	33058	6.4.2024, 20:37 автор: Incogniton
IPgate - мобильные, резидентные, 100% чистые прокси с ротацией, полученные этическим способом	8	IPgate	2748	22.3.2024, 16:39 автор: IPgate
Англоязычная статья 3К в 100+ Зарубежных статейников! жирные форумы/блоги/посты/профиля/веб 2.0/К2/соц.сети	27	Jaguar777	12042	1.3.2024, 12:48 автор: Ebris

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

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

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

Сейчас: 19.4.2024, 2:40

Дизайн