leha17
|
|
1 | |
Центрирование по центру трехколоночного макета и свойства overflow:hidden для крайних блоков20.04.2014, 02:49. Показов 723. Ответов 0
Метки нет (Все метки)
Добрый день форумчане. Столкнулся со сложностью при верстке макета. Центральная область контента на сайте занимает 1050px. Эта область (div блок) всегда должна быть по центру экрана вне зависимости от разрешения экрана. Слева и справа от контентовой области располагаются изображения. Слева изображение привязано к левому краю экрана, справа соответственно к правому. Вся сложность состоит в том, что если разрешение монитора меньше ширины левого блока с изображением + центрального блока (1050px) + правого блока с правым изображением - появляется полоса прокрутки внизу, а при использовании свойства overflow:hidden для блока обвертки (div содержащий все три блока (контент, изображения слева и справа)), видимая область обрезается по правому краю. А нужно, чтобы блоки с изображениями обрезались, причем изображения при уменьшении разрешения экрана, должны приближаться друг к другу, но не заезжать на область контента и соответственно при увеличении разрешения они должны сначала появиться, а затем отдаляться друг от друга. (на рис. схема). Если кто может подскажите, а то совсем голову сломал
|
20.04.2014, 02:49 | |
Ответы с готовыми решениями:
0
Из трехколоночного макета сделать двухколоночный Сделать фон для шапки с overflow: hidden и margin:0 auto Overflow: hidden Отменить свойство "overflow: hidden;" для дочерних элементов |
20.04.2014, 02:49 | |
20.04.2014, 02:49 | |
Помогаю со студенческими работами здесь
1
float + overflow:hidden CSS overflow hidden отменить overflow hidden Центрирование макета по высоте Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |