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



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Дивная верстка, не могу растянуть слой...
lasmaster
lasmaster
Topic Starter сообщение 7.12.2009, 18:17; Ответить: lasmaster
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 265
Регистрация: 11.12.2008
Из: Иркутская область
Поблагодарили: 49 раз
Репутация:   5  


Привет всем, значит решил я переверстасть сайт с табличной на дивную верстку, но не знаю каким способом можно растянуть слой на весь экран, конкретно пример:


<div id="container">

<div id="block">
<div id="menu"></div>
<div id="content"></div>
</div>

<div id="footer"></div>

</div>

В блоке content будет текст, причем текст по высоте будет больше чем меню, но нужно, чтобы блок menu растягивался на такую же высоту, то есть до самого футера.
Думаю проблемма понятна и многим жутко знакома, помогите пожалуйстаwink.gif


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SEO-globus
SEO-globus
сообщение 7.12.2009, 18:24; Ответить: SEO-globus
Сообщение #2


Участник
***

Группа: User
Сообщений: 124
Регистрация: 29.1.2009
Из: Костанай
Поблагодарили: 16 раз
Репутация:   1  


Указывайте в стиле свой слой, задавайте ему параметры таблицы.

.content
height: ваш размер;
weight: ваш размер;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lasmaster
lasmaster
Topic Starter сообщение 7.12.2009, 18:29; Ответить: lasmaster
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 265
Регистрация: 11.12.2008
Из: Иркутская область
Поблагодарили: 49 раз
Репутация:   5  


(SEO-globus @ 7.12.2009, 22:24) *
Указывайте в стиле свой слой, задавайте ему параметры таблицы.

.content
height: ваш размер;
weight: ваш размер;


В том то и прикол, что это не для одной станицы делается, поэтому фиксированные значения поставить нельзя, а

height: 100%; не срабатываетsad.gif


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
seotouch
seotouch
сообщение 7.12.2009, 18:37; Ответить: seotouch
Сообщение #4


Прощайте!
*****

Группа: Active User
Сообщений: 998
Регистрация: 7.1.2009
Поблагодарили: 405 раз
Репутация:   45  


(lasmaster @ 7.12.2009, 17:29) *
В том то и прикол, что это не для одной станицы делается, поэтому фиксированные значения поставить нельзя, а

height: 100%; не срабатываетsad.gif

ксс код скиньте сюда. по идеи должно быть так

#content
height: 100%;
weight: ...;


--------------------
Навсегда ушел
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SEO-globus
SEO-globus
сообщение 7.12.2009, 18:37; Ответить: SEO-globus
Сообщение #5


Участник
***

Группа: User
Сообщений: 124
Регистрация: 29.1.2009
Из: Костанай
Поблагодарили: 16 раз
Репутация:   1  


Стучите помогу 377282242
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lasmaster
lasmaster
Topic Starter сообщение 7.12.2009, 18:46; Ответить: lasmaster
Сообщение #6


Бывалый
****

Группа: User
Сообщений: 265
Регистрация: 11.12.2008
Из: Иркутская область
Поблагодарили: 49 раз
Репутация:   5  


(seotouch @ 7.12.2009, 22:37) *
ксс код скиньте сюда. по идеи должно быть так

#content
height: 100%;
weight: ...;


должно быть, но практически у всех не работает! а CSS очень большой и шаблон немного другой, я просто хотел, чтобы объянили на данном простеньком примере.

SEO-globus, я вам стукнул, но тишина...

Сообщение отредактировал lasmaster - 7.12.2009, 18:48


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
karpiy
karpiy
сообщение 8.12.2009, 23:50; Ответить: karpiy
Сообщение #7


Участник
***

Группа: User
Сообщений: 198
Регистрация: 6.8.2009
Из: Мариуполь
Поблагодарили: 42 раза
Репутация:   7  


min-height:768px;
Так точно должно заработать.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Neolot
Neolot
сообщение 9.12.2009, 2:53; Ответить: Neolot
Сообщение #8


Участник
***

Группа: User
Сообщений: 178
Регистрация: 24.12.2008
Из: Одесса
Поблагодарили: 56 раз
Репутация:   10  


Если правильно понял, то это называется "прибить футер к низу". Т.е. при содержимом контента меньше высоты экрана футер должен быть всегда внизу. Угадал?
Если да, то вот http://flack.ru/2008/08/26/semantic-coding-howto-7/


--------------------
Создание сайтов на Wordpress, ModX, Битрикс.
Личный блог


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lasmaster
lasmaster
Topic Starter сообщение 5.1.2010, 13:38; Ответить: lasmaster
Сообщение #9


Бывалый
****

Группа: User
Сообщений: 265
Регистрация: 11.12.2008
Из: Иркутская область
Поблагодарили: 49 раз
Репутация:   5  


(Neolot @ 9.12.2009, 6:53) *
Если правильно понял, то это называется "прибить футер к низу". Т.е. при содержимом контента меньше высоты экрана футер должен быть всегда внизу. Угадал?
Если да, то вот http://flack.ru/2008/08/26/semantic-coding-howto-7/


Угадал, спасибо)!


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) PSD2HTML верстка и не только
Верстка макетов Photoshop / Avocode / с картинки
8 Smile3D 331 10.12.2017, 17:52
автор: Smile3D
Открытая тема (нет новых ответов) php скрипты любой сложности / диз+верстка (адаптивно)
любые задачи на php - автоматизация, парсинг, работа с БД
1 affrodita 477 8.12.2017, 17:40
автор: affrodita
Открытая тема (нет новых ответов) Адаптация сайтов под мобильные устройства, качественная кроссбраузерная верстка, работа с Wordpress
PSD to HTML, натяжка макетов на Wordpress, адаптивная верстка
28 anton_ber 5149 6.12.2017, 13:39
автор: anton_ber
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПрофессиональная разработка сайтов, верстка, программирование. Работа с любыми движками и фреймворками. Опыт более 5-лет.
Создание Сайтов Любых CMS
299 woodzy 98379 29.11.2017, 16:06
автор: Stom
Горячая тема (нет новых ответов) Студия «Омега» — создание сайтов, дизайн, верстка.
70 Delpix 28822 27.11.2017, 12:34
автор: Delpix


 



RSS Текстовая версия Сейчас: 12.12.2017, 3:27
Дизайн