PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

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

( Вход · Регистрация · Правила форума )

Забыли пароль?

Центральный блок на всю высоту (резинка)

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (2): [1] 2 »

Без описания

Поиск в теме | Версия для печати

miniaka	Отправлено: 21 Января, 2014 - 09:54:08
Новичок Покинул форум Сообщений всего: 60 Дата рег-ции: Май 2013 Помог: 0 раз(а)	Всем привет. Сразу к делу. Сайт делаю резиновым. Структура сайта по сути из трёх блоков. Шапка, подвал, а на весь центральный блок идет слайдер. Так вот, как возможно реализовать, что-бы центральный блок растягивался на всю высоту экрана,а не на высоту контента,что-бы не появлялась полоса прокрутки.Тоесть шапка и подвал прижались, а центр растянулся на всю высоту .Спасибо

eai	Отправлено: 21 Января, 2014 - 09:57:01
Частый посетитель Покинул форум Сообщений всего: 521 Дата рег-ции: Сент. 2009 Откуда: Петроград Помог: 10 раз(а)	Мне такое удавалось сделать только используя JavaScrip с изменением размера на событие resize

miniaka	Отправлено: 21 Января, 2014 - 12:35:18
Новичок Покинул форум Сообщений всего: 60 Дата рег-ции: Май 2013 Помог: 0 раз(а)	eai пишет: Мне такое удавалось сделать только используя JavaScrip с изменением размера на событие resize Как это реализовать ?

eai	Отправлено: 21 Января, 2014 - 12:40:56
Частый посетитель Покинул форум Сообщений всего: 521 Дата рег-ции: Сент. 2009 Откуда: Петроград Помог: 10 раз(а)	miniaka пишет: eai пишет: Мне такое удавалось сделать только используя JavaScrip с изменением размера на событие resize Как это реализовать ? В двух словах и не объяснить вот начните читать тут http://javascript[dot]ru/blog/Andrej[dot][dot][dot]umenta-elementov

miniaka	Отправлено: 21 Января, 2014 - 12:56:43
Новичок Покинул форум Сообщений всего: 60 Дата рег-ции: Май 2013 Помог: 0 раз(а)	CODE (javascript): скопировать код в буфер обмена $(document).ready(function($){ //запускаем, когда документ загрузится $(window).resize(function(){ //Вешаем на событие ресайза у окна функцию $("#content").height($(window).height()); //меняем высоту дива на высоту окна }); $("#content").height($(window).height()); //меняем высоту дива на высоту окна в первый раз, т.к. событие просто при открытии не вызывается }); Центральный блок растянулся на всю высоту. Но почему-то полоса прокрутки все равно осталась, подвал уходит.

eai	Отправлено: 21 Января, 2014 - 13:03:31
Частый посетитель Покинул форум Сообщений всего: 521 Дата рег-ции: Сент. 2009 Откуда: Петроград Помог: 10 раз(а)	А там куча всяких пикселей межблочных Кроме того изменения размера рекомендуется запускать несколько раз до тех пор пока событие resize имеет место быть и окно не меняется после запуска изменения размеров блоков Я помню в одном проекте намучался с этим onResize лучше пускать таймер и там уже все менять А еще вспомнил , там вроде есть restore и maximaze (не помню уже как делал, давно было) (Отредактировано автором: 21 Января, 2014 - 13:10:59)

DelphinPRO	Отправлено: 21 Января, 2014 - 14:26:39
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	что ж сразу яваскрипт? Можно же ведь посидеть, покумекать... http://jsfiddle[dot]net/DelphinPRO/GZ4xF/ ----- Чем больше узнаю, тем больше я не знаю.

eai	Отправлено: 21 Января, 2014 - 14:29:59
Частый посетитель Покинул форум Сообщений всего: 521 Дата рег-ции: Сент. 2009 Откуда: Петроград Помог: 10 раз(а)	DelphinPRO пишет: что ж сразу яваскрипт? Можно же ведь посидеть, покумекать... http://jsfiddle.net/DelphinPRO/GZ4xF/ Круто! не знал, век учись! А в каких браузерах не работает ? Вот тут пишут про box-sizing http://htmlbook.ru/css/box-sizing#disqus_thread (Отредактировано автором: 21 Января, 2014 - 14:32:49)

miniaka	Отправлено: 21 Января, 2014 - 14:34:19
Новичок Покинул форум Сообщений всего: 60 Дата рег-ции: Май 2013 Помог: 0 раз(а)	DelphinPRO пишет: что ж сразу яваскрипт? Можно же ведь посидеть, покумекать... http://jsfiddle.net/DelphinPRO/GZ4xF/ Круто !!! Спасибо за помощь

DelphinPRO	Отправлено: 21 Января, 2014 - 14:37:03
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	от IE8 ну и остальные, как само собой разумеющееся. (Добавление) eai пишет: Круто! не знал, век учись! А в каких браузерах не работает ? Рановато вам видимо книгу писать. ----- Чем больше узнаю, тем больше я не знаю.

eai	Отправлено: 21 Января, 2014 - 14:46:26
Частый посетитель Покинул форум Сообщений всего: 521 Дата рег-ции: Сент. 2009 Откуда: Петроград Помог: 10 раз(а)	DelphinPRO пишет: от IE8 ну и остальные, как само собой разумеющееся. (Добавление) eai пишет: Круто! не знал, век учись! А в каких браузерах не работает ? Рановато вам видимо книгу писать. Дык я себя никода как спеца в CSS не позиционировал :P Да и книга то если ты заметил не для ... специалистов Замечание мной принято +1 от меня должен был уже придти (Отредактировано автором: 21 Января, 2014 - 14:46:57)

miniaka	Отправлено: 21 Января, 2014 - 14:54:54
Новичок Покинул форум Сообщений всего: 60 Дата рег-ции: Май 2013 Помог: 0 раз(а)	Немного не по теме. А можно реализовать , что бы на весь центральный блок был слайдер ? Что-бы он тоже изменялся в зависимости от размеров блока. ?

DelphinPRO	Отправлено: 21 Января, 2014 - 17:21:11
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	а в чем, собственно затруднение? Задайте в стилях слайдера высоту 100% для всех необходимых контейнеров. и в приведенной верстке слайдер вытянется во всю высоту. ----- Чем больше узнаю, тем больше я не знаю.

miniaka	Отправлено: 21 Января, 2014 - 17:23:07
Новичок Покинул форум Сообщений всего: 60 Дата рег-ции: Май 2013 Помог: 0 раз(а)	DelphinPRO пишет: а в чем, собственно затруднение? Задайте в стилях слайдера высоту 100% для всех необходимых контейнеров. и в приведенной верстке слайдер вытянется во всю высоту. Я так и делаю. Не выходит.. Прикрепил файл Скачать файл: demo.rar Скачан раз: 14

DelphinPRO	Отправлено: 21 Января, 2014 - 17:34:54
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	http://jsfiddle[dot]net/DelphinPRO/GZ4xF/1/ ----- Чем больше узнаю, тем больше я не знаю.

Поиск в теме | Версия для печати

Страниц (2): [1] 2 »

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.