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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> как сделать чтобы блок <div> при наполнении его информацией сам растягивался..
Audio
Audio
Topic Starter сообщение 24.3.2011, 18:45; Ответить: Audio
Сообщение #1


Привет всем, я хочу узнать как сделать так, что бы блок <div> при наполнении его информацией сам растягивался...вот например: у меня есть 3 блока : Хедер, контент и футер. Как сделать так что бы когда я наполнял контент большим колличеством информации, то футер все равно держался на расстоянии от последней строки контента. Что бы у контента ширина была не фиксированая...ну думаю Вы поняли меня.. Помогите кто может) очень надо)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 24.3.2011, 18:58; Ответить: adlic
Сообщение #2


(Audio @ 24.3.2011, 20:45) *
Как сделать так что бы когда я наполнял контент большим колличеством информации, то футер все равно держался на расстоянии от последней строки контента.


У контента [CSS]margin-bottom:30px;[/CSS] Или у футера [CSS]margin-top:30px; [/CSS]Еще можно у них добавить внутренние отступы(до этого были внешние) [CSS]padding-bottom:30px;
padding-top:30px;[/CSS]

(Audio @ 24.3.2011, 20:45) *
я хочу узнать как сделать так, что бы блок <div> при наполнении его информацией сам растягивался...

Он и так должен тянуться.
[CSS]height:auto;[/CSS]

(Audio @ 24.3.2011, 20:45) *
Как сделать так что бы когда я наполнял контент большим колличеством информации, то футер все равно держался на расстоянии от последней строки контента. Что бы у контента ширина была не фиксированая

Ширина контента к футеру ну совсем ни при чем.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Audio
Audio
Topic Starter сообщение 24.3.2011, 19:21; Ответить: Audio
Сообщение #3


Ок, спасибо. Еще такой вопрос: у меня есть вертикальное меню с закругленными нижними и верхними углами - [IMG]http://upwap.ru/d/1386843/mufjbjvt47dgk5m4phms7bppu0/b83dd052df004d8b6031/left-bar.png[/IMG] , которое состоит из трех блоков: блок с верхними закругленными углами, блок с нижними закругленными углами, и центральный блок с фоновым рисунком в 1пиксел который повторяестя по оси у. Как мне сделать что бы положение блока с нижними закругленными углами , при наполнении центрального блока информацией - все равно оставалось сразу под центральным блоком? тоесть что бы при наполнении центрального блока, вниз уезжал и блок с нижними углами, а не оставался на месте?? фух, запутано, надеюсь поймете
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 24.3.2011, 19:23; Ответить: Apay
Сообщение #4


можно таблицей (три ячейки одна под другой), можно четыремя дивами (контейнер и три дива один под другим)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 24.3.2011, 19:25; Ответить: adlic
Сообщение #5


Я так понял структура такая
<div>верх</div>
<div>центр</div>
<div>низ</div>

Так вот. От того, что вы будете заполнять центральный блок, то нижний будет уходить вниз в зависимости от размеров центрального, ТОЛЬКО если у него не указан position:absolute;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Audio
Audio
Topic Starter сообщение 24.3.2011, 19:30; Ответить: Audio
Сообщение #6


(' post='106853 @ 24.3.2011, 21:25)
Так вот. От того, что вы будете заполнять центральный блок, то нижний будет уходить вниз в зависимости от размеров центрального, ТОЛЬКО если у него не указан position:absolute;


А какой тогда position указать для этих трех дивов?

можно таблицей (три ячейки одна под другой), можно четыремя дивами (контейнер и три дива один под другим)


Нет, таблицы меня не устраивают, а про четыре дива я не совсем понял)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 24.3.2011, 19:30; Ответить: Apay
Сообщение #7


alek_sania, только это еще надо обернуть в контейнер (еще один див), чтоб не расползалось

<div>
<div>верх</div>
<div>центр</div>
<div>низ</div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 24.3.2011, 19:33; Ответить: adlic
Сообщение #8


(Audio @ 24.3.2011, 21:30) *
Нет, таблицы меня не устраивают, а про четыре дива я не совсем понял)

<div class="conteiner">
<div class="header"></div>
<div class="body"></div>
<div class="footer"></div>
</div>

Это и есть ваши 4 div-а.
Указывать position:relative;. У footer и header статичную высоту, а средний сам будет тянуться, можно height:auto;.

(Apay @ 24.3.2011, 21:30) *
alek_sania, только это еще надо обернуть в контейнер (еще один див), чтоб не расползалось

Не успел))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Audio
Audio
Topic Starter сообщение 24.3.2011, 19:39; Ответить: Audio
Сообщение #9


А ну да, они у меня итак три дива в одном. Значит у футера и хедера указывать статичную высоту?
и в css написать вот так:
#header {
position:absolute;
}
#content {
height:auto;
position:absolute;
}
#footer {
position:relative;
}


так?))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 24.3.2011, 19:42; Ответить: adlic
Сообщение #10


<div class="conteiner">
<div class="header"></div>
<div class="body"></div>
<div class="footer"></div>
</div>
[CSS].header{position:relative; height:30 px;}
.body{position:relative; background-image: url(); height:auto;}
.footer{position:relative; height:30 px;}
[/CSS]
Про статичную высоту это я так написал, чтоб отделить понятие тянущегося блока от обычного с картинками закругленных углов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
11 Boymaster 1761 Вчера, 23:35
автор: Boymaster
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4780 Вчера, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19681 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта
0 Alex-777 824 7.4.2024, 18:05
автор: Alex-777
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
18 uahomka 3088 5.4.2024, 5:53
автор: Skyworker


 



RSS Текстовая версия Сейчас: 18.4.2024, 16:23
Дизайн