Ломается верстка на больших мониторах

248
13 июля 2017, 00:33

Столкнулся с такой проблемой - на главной странице сайта очень мало контента, и при ёё отображении на больших мониторах часть экрана пустует. У заказчика монитор 2К с разрешением 2560х1440. Как поправить?

Какие классы и с какими свойствами надо прописать?

http://mimi.webstars.com.ua/

Answer 1
.container {
    width: 73%;
}
.row {
    display: table;
    width: 100%;
}
.bl_fullBlock {
    display: table-cell;
    float: none;
    vertical-align: top;
}
Answer 2

в сss код блока который вам нужно растянуть по всей высоте добавьте:

min-height: 100vh;

имнимальная высота блока по всей высоте екрана

можно также отнимать нужное вам количество пикселей через ф-цию calc:

min-height: calc(100vh - 100px);

имнимальная высота блока по всей высоте екрана минус сто пикселей

Answer 3

Добавьте этих стилей:

.pageContant {
  display: flex;
  flex-direction: column;
}
.main {
  flex: 1 0 auto;
}
READ ALSO
Несколько окружностей вокруг круга

Несколько окружностей вокруг круга

Подскажите, как сделать несколько окружностей вокруг круга? Тут нужно для каждой окружности применять отдельный блок со свойством border-radius?

330
if statement в sql

if statement в sql

Здравствуйте, есть две таблицы в СУБД MySQL:

273
Как по условию прервать транзакцию?

Как по условию прервать транзакцию?

как на mysql сделать такую операцию:

252
Java: Запись данных в БД

Java: Запись данных в БД

Сделал метод, который записывает данные в БД

320