У меня есть веб-сайт с div с центрированной фиксированной шириной (div центрируется с помощью margin-left: auto).Теперь я хочу показать слева и справа от этого div некоторые изображения.Изображения не должны влиять на прокрутку окна браузера.Если разрешение слишком мало, изображения должны быть обрезаны, без показа полосы прокрутки в браузере.Но если для центрированного div недостаточно места, должна появиться полоса прокрутки.
Как этого добиться?
Редактировать: Сайт без изображений слева / справа доступен здесь: http://b -sides.ch / openair12 /
Для вашей проблемы я предлагаю вам сделать сайт текучим.А затем применить медиа-запросы, чтобы избавиться от «боковых панелей», когда экран становится меньше.В медиа-запросе вы указываете браузеру, что нужно получить
overflow-x:scroll;
Вот сайт с хорошими примерами того, как сделать ваш сайт текучим и совместимым во всех браузерах: http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts
Я бы поместил изображения в качестве фона страницы (фон тела) в виде одного JPG. Оставьте промежуток между изображениями, равный ширине вашего центрированного div. Но, может быть, вы должны показать свой код.