PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

Верстка div-блоками

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

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

Без описания

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

Alt.F4	Отправлено: 19 Сентября, 2011 - 19:39:21
Новичок Покинул форум Сообщений всего: 37 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	Добрый день. Надо разместить на экране два блока, один сверху как шапку, а другой ниже. У верхнего блока высота статическая в пикселях, а нижний должен занимать оставшееся пространство, но с одним условием, чтобы не было полосы прокрутки. Может кто-нибудь в курсе как это можно сделать? Спасибо.

netoro	Отправлено: 19 Сентября, 2011 - 21:26:58
Новичок Покинул форум Сообщений всего: 10 Дата рег-ции: Сент. 2011 Помог: 0 раз(а)	Alt.F4 пишет: Добрый день. Надо разместить на экране два блока, один сверху как шапку, а другой ниже. У верхнего блока высота статическая в пикселях, а нижний должен занимать оставшееся пространство, но с одним условием, чтобы не было полосы прокрутки. Может кто-нибудь в курсе как это можно сделать? Спасибо. Не уверен что в тему но может это подойдёт: http://htmlbook[dot]ru/faq/kak-ubrat[dot][dot][dot]polosy-prokrutki По поводу нижнего блока: можно сделать так: min-height; Сколько то пикселей минимально. max-height: 100% - по моему это будет максимум на всё окно монитора, при любом увеличении. Это только предположение меня - дилетанта.

Alt.F4	Отправлено: 19 Сентября, 2011 - 21:59:53
Новичок Покинул форум Сообщений всего: 37 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	Цитата: Не уверен что в тему но может это подойдёт: http://htmlbook.ru/faq/kak-ubrat...polosy-prokrutki Мне надо не убрать полосу прокрутки, мне надо чтобы она не появлялась! По поводу height, выставляю 100% для нижнего блока, так он и занимает весь экран, но учитывая верхний блок в сумме получается где-то 110%. Напомню, первый блок статический, его высоту нельзя объявить в процентах. Спасибо. Добавлено: Мне тут идейка подвалила, может попробовать все засунуть в таблицу высотой 100%, затем первую строку высотой в пикселях, а следующую - в 100%. Интересно прокатит так? (Отредактировано автором: 19 Сентября, 2011 - 22:04:38)

filkeith	Отправлено: 20 Сентября, 2011 - 11:35:42
Гость Покинул форум Сообщений всего: 112 Дата рег-ции: Июль 2011 Помог: 2 раз(а)	попробуй высоту выставить не 100% а auto

Росич	Отправлено: 20 Сентября, 2011 - 11:44:01
Новичок Покинул форум Сообщений всего: 17 Дата рег-ции: Сент. 2011 Помог: 0 раз(а)	делаешь для второго блока height:100%; margin-top: -px (минус высота верхнего блока) padding-top: px (высота первого блока) Ну это из самого элементарного, если ничего дополнительно не надо.

IronHawk	Отправлено: 20 Сентября, 2011 - 11:44:52
Новичок Покинул форум Сообщений всего: 61 Дата рег-ции: Авг. 2011 Помог: 1 раз(а)	Alt.F4 пишет: Мне надо не убрать полосу прокрутки, мне надо чтобы она не появлялась! Совсем не появлялась? А если содержимое будет выходить за пределы окна/разрешения экрана, что тут делать? Если это обязатеьлное - жесткое требование, тогда открывайте свои "два блока" в окне, а у окна просто запретите скроллбары.

Stasnislav	Отправлено: 20 Сентября, 2011 - 12:39:19
Гость Покинул форум Сообщений всего: 109 Дата рег-ции: Апр. 2011 Помог: 4 раз(а)	Alt.F4 пишет: Добрый день. Надо разместить на экране два блока, один сверху как шапку, а другой ниже. У верхнего блока высота статическая в пикселях, а нижний должен занимать оставшееся пространство, но с одним условием, чтобы не было полосы прокрутки. Может кто-нибудь в курсе как это можно сделать? Спасибо. При помощи JQuery: CODE (javascript): скопировать код в буфер обмена $(function(){ var h = $(document).height(); $('.block').css('min-height', (h - x)); }); h - высота страницы. x - высота верхнего блока. В css min-height задавать не надо. (Добавление) Росич пишет: делаешь для второго блока height:100%; margin-top: -px (минус высота верхнего блока) padding-top: px (высота первого блока) Ну это из самого элементарного, если ничего дополнительно не надо. такой вариант не пройдет ----- Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».

Росич	Отправлено: 20 Сентября, 2011 - 12:53:47
Новичок Покинул форум Сообщений всего: 17 Дата рег-ции: Сент. 2011 Помог: 0 раз(а)	Цитата: такой вариант не пройдет Это ещё почему?

Stasnislav	Отправлено: 20 Сентября, 2011 - 13:09:44
Гость Покинул форум Сообщений всего: 109 Дата рег-ции: Апр. 2011 Помог: 4 раз(а)	Росич пишет: Цитата: такой вариант не пройдет Это ещё почему? Попробуй, коль не доверяешь... p.s. совместное использование width или height с margin или padding должно быть очень аккуратным, а в большинстве случаев и не нужным, т.к. 2-ые влияют на 1-ых. ----- Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».

Росич	Отправлено: 20 Сентября, 2011 - 13:11:24
Новичок Покинул форум Сообщений всего: 17 Дата рег-ции: Сент. 2011 Помог: 0 раз(а)	Когда они друг друга полностью клмпенсируют, то всё нормально. P.S. Попробовал на нмогих сайтах

Stasnislav	Отправлено: 20 Сентября, 2011 - 13:18:30
Гость Покинул форум Сообщений всего: 109 Дата рег-ции: Апр. 2011 Помог: 4 раз(а)	Росич пишет: Когда они друг друга полностью клмпенсируют, то всё нормально. P.S. Попробовал на нмогих сайтах Согласен, но в этом случае не поможет ----- Программисты на работе общаются двумя фразами: «непонятно» и «вроде работает».

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

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

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

« Вопросы новичков »

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