Выровнять высоту фона трех блоков

kminas
На сайте с 04.02.2007
Offline
106
664

Первый раз пробую переделать сайт на чистом html на блочную вёрстку. Уже каркас страницы есть Не получается фон в блоках. Есть 3 вертикальных блока между блоками header и footer, но они разной высоты. Фон у каждого блока разный, заполняет каждый блок только до конца контента. Как настроить, чтобы высота фона у всех блоков была по высоте самого высокого.

I2
На сайте с 07.03.2015
Offline
38
#1

либо blexbox,

либо display: table-cell вместо float-a, или что у вас там

Качественная верстка PSD макетов (/ru/forum/974524)
totamon
На сайте с 12.05.2007
Offline
437
#2

kminas, все ж просто

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
Z
На сайте с 17.02.2016
Offline
0
#3

Зачем в миллионный раз изобретать велосипед?

http://getbootstrap.com или http://semantic-ui.com и будет вам счастье!

kminas
На сайте с 04.02.2007
Offline
106
#4
indenger20:
display: table-cell вместо float-a.

Спасибо подошло. Но... при проверке сервисом PageSpeed Insights мобильной версии сайта (для чего вся эта переделка и затевалась), он оценил Удобство для пользователей 75 / 100 (Ширина страницы составляет 407 CSS-пикс., а области просмотра – всего 375 CSS-пикс.), а при моем последнем варианте (с кривым фоном) было 91 / 100 Ширина страницы составляет 407 CSS-пикс. Буду капать дальше.

kminas
На сайте с 04.02.2007
Offline
106
#5

Ошибка в моем предыдущем посте. Читать надо так.

Спасибо подошло. Но... при проверке сервисом PageSpeed Insights мобильной версии сайта (для чего вся эта переделка и затевалась), он оценил Удобство для пользователей 75 / 100 (Ширина страницы составляет 872 CSS-пикс., а области просмотра – всего 375 CSS-пикс.), а при моем последнем варианте (с кривым фоном) было 91 / 100 Ширина страницы составляет 407 CSS-пикс. Буду капать дальше.

kminas
На сайте с 04.02.2007
Offline
106
#6

Решил по другому. Вместо трех блоков делаю один. Пока получается.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий