Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
leha17
1

Центрирование по центру трехколоночного макета и свойства overflow:hidden для крайних блоков

20.04.2014, 02:49. Показов 723. Ответов 0
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Добрый день форумчане. Столкнулся со сложностью при верстке макета. Центральная область контента на сайте занимает 1050px. Эта область (div блок) всегда должна быть по центру экрана вне зависимости от разрешения экрана. Слева и справа от контентовой области располагаются изображения. Слева изображение привязано к левому краю экрана, справа соответственно к правому. Вся сложность состоит в том, что если разрешение монитора меньше ширины левого блока с изображением + центрального блока (1050px) + правого блока с правым изображением - появляется полоса прокрутки внизу, а при использовании свойства overflow:hidden для блока обвертки (div содержащий все три блока (контент, изображения слева и справа)), видимая область обрезается по правому краю. А нужно, чтобы блоки с изображениями обрезались, причем изображения при уменьшении разрешения экрана, должны приближаться друг к другу, но не заезжать на область контента и соответственно при увеличении разрешения они должны сначала появиться, а затем отдаляться друг от друга. (на рис. схема). Если кто может подскажите, а то совсем голову сломал

Центрирование по центру трехколоночного макета и свойства overflow:hidden для крайних блоков
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.04.2014, 02:49
Ответы с готовыми решениями:

Из трехколоночного макета сделать двухколоночный
Всем привет. Не подскажите как из трехколоночного макета сайта при адаптивности в 1024px сделать...

Сделать фон для шапки с overflow: hidden и margin:0 auto
Верстка через bootstrap Есть изображение шириною в 2400px, его надо поставить в задний фон для...

Overflow: hidden
Ну, вот собственно, элементарный код: <table width="50%"> <tr> <td style="height: 50px;...

Отменить свойство "overflow: hidden;" для дочерних элементов
Добрый день. Вот кусочек кода: <nav> <div id = "m01" class = "menu_item"> <div class =...

0
20.04.2014, 02:49
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
20.04.2014, 02:49
Помогаю со студенческими работами здесь

float + overflow:hidden
Доброго времени суток! Требуется научное объяснение следующей ситуации: когда дочерние элементы...

CSS overflow hidden
проблема в том что на сайте siteкогда ставлю overflow hidden облака исчезают полностью а когда...

отменить overflow hidden
Доброго времени суток, требуется помощь, сломал голову уже, вот накидал образец существующей...

Центрирование макета по высоте
Верстаю сайт с помощью фреймворка Bootstrap и в процессе работы возникла такая проблема: никак не...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru