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

-sdr-

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

Shustry

  • Moderator
  • 6436
  • 743 / 3
Re: Растянуть страницу по высоте
« Ответ #1 : 24.01.2016, 19:33:57 »
Растянуть на всю ширину можно только блок, который является непосредственным потомком body. У вас там и так растянут #art-main
*

fsv

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

-sdr-

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

AlekVolsk

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

Shustry

  • Moderator
  • 6436
  • 743 / 3
Re: Растянуть страницу по высоте
« Ответ #5 : 25.01.2016, 08:57:49 »
Все всё правильно поняли. У вас белый фон с тенью у внутренних блоков какого-то там порядка. Их средствами CSS нельзя растянуть на высоту экрана. Растянуть можно только непосредственного потомка элемента body. Вот ему, т.е. элементу #art-main, и пропишите фон и тень. И границы горизонтальные выставьте. А у внутренних уберите стили.
*

AlekVolsk

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

AlekVolsk

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

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

Вывод материалов каатегории в модуль на первую страницу

Автор SynergyIT

Ответов: 3
Просмотров: 115
Последний ответ 07.04.2021, 10:46:32
от SynergyIT
Как растянуть элементы в шапке шаблон на сетке с flex?

Автор damirseo

Ответов: 1
Просмотров: 368
Последний ответ 11.04.2020, 07:49:50
от draff
Растянуть блок SP PageBulder по центру

Автор kushiy

Ответов: 4
Просмотров: 330
Последний ответ 08.01.2020, 19:37:17
от kushiy
Плавающий по высоте блок

Автор mrmagic

Ответов: 4
Просмотров: 288
Последний ответ 02.08.2019, 00:52:13
от AlekVolsk
Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 7
Просмотров: 1193
Последний ответ 15.07.2019, 18:29:21
от KKAAZZOO