0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 382 Просмотров
*

-sdr-

  • Осваиваюсь на форуме
  • 38
  • 0
Здравствуйте. Понимаю, что тема банальна, но никак не могу настроить высоту на странице. На моем сайте portal-avto.ru средний блок (в котором всё содержимое), выделен рамкой и тенью. Как мне его растянуть по высоте экрана? Выставлял везде height: 100%, никакого результата. Может ни там ставил, не знаю.
*

Shustry

  • Moderator
  • 6430
  • 735
  • Рисую дизайны
Re: Растянуть страницу по высоте
« Ответ #1 : 24.01.2016, 19:33:57 »
Растянуть на всю ширину можно только блок, который является непосредственным потомком body. У вас там и так растянут #art-main
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

fsv

  • Практически профи
  • 2524
  • 367
Re: Растянуть страницу по высоте
« Ответ #2 : 24.01.2016, 21:06:04 »
средний блок (в котором всё содержимое), выделен рамкой и тенью. Как мне его растянуть по высоте экрана?
Вам мешает пустое место от этого блока и до футера? Там пустой <article class="art-post"> , у которого есть margin и padding. Посмотрите условие вывода этого блока, добавьте, если пустой, не выводить. Или стили менять.
Заказать разработку:    расширения Joomla  |   интерфейсы на javascript(jQuery)  |  мобильные приложения
*

-sdr-

  • Осваиваюсь на форуме
  • 38
  • 0
Re: Растянуть страницу по высоте
« Ответ #3 : 25.01.2016, 06:50:03 »
Вы неправильно поняли. Сейчас у меня так . А нужно так
*

AlekVolsk

  • Профи
  • 6311
  • 336
Re: Растянуть страницу по высоте
« Ответ #4 : 25.01.2016, 08:56:39 »
ТС, вам необходимо внести изменения в разметку, и для высоты, в т.ч. минимальной, вместо значения 100% использовать значение 100vh
*

Shustry

  • Moderator
  • 6430
  • 735
  • Рисую дизайны
Re: Растянуть страницу по высоте
« Ответ #5 : 25.01.2016, 08:57:49 »
Все всё правильно поняли. У вас белый фон с тенью у внутренних блоков какого-то там порядка. Их средствами CSS нельзя растянуть на высоту экрана. Растянуть можно только непосредственного потомка элемента body. Вот ему, т.е. элементу #art-main, и пропишите фон и тень. И границы горизонтальные выставьте. А у внутренних уберите стили.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

AlekVolsk

  • Профи
  • 6311
  • 336
Re: Растянуть страницу по высоте
« Ответ #6 : 25.01.2016, 09:09:39 »
Так там непосредственный потомок не #art-main, я потому и затронул вопрос изменения разметки.
ТС, не сможете сами - стучите в личку, за пиво договоримся (за много пива еще и расскажу, что к чему) ;)
*

AlekVolsk

  • Профи
  • 6311
  • 336
Re: Растянуть страницу по высоте
« Ответ #7 : 28.01.2016, 12:15:14 »
человек в скайп добавился - и тишина...

upd:
решено =)
« Последнее редактирование: 29.01.2016, 10:38:45 от AlekVolsk »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 5
Просмотров: 379
Последний ответ 06.01.2017, 22:25:31
от CTPZ
Выровнять блоки по высоте

Автор BrutalMan

Ответов: 4
Просмотров: 276
Последний ответ 05.08.2016, 21:28:47
от BrutalMan
Как создать страницу приветствия используя шаблон "IT_NightVision"?

Автор anvar321

Ответов: 1
Просмотров: 321
Последний ответ 21.07.2016, 20:49:59
от anvar321
Как вывести на главную страницу последние новости их разных категорий?

Автор Илья112

Ответов: 3
Просмотров: 2151
Последний ответ 08.06.2016, 13:02:50
от naskolumbia
Как создать новую страницу?

Автор KerberoV

Ответов: 2
Просмотров: 298
Последний ответ 06.06.2016, 13:53:32
от umbabaraumba