Сложность CSS при горизонтальном отображении / повторении левого и правого изображений-оберток по краям экрана

Question

У меня проблемы с получением моего левого и правого повторителей, чтобы заполнить доступное пространство, оставленное на широких экранах для веб-сайта, над которым я работаю. Левый и правый повторители - это фоновые изображения (шириной около 350 пикселей), часть которых я хотел бы показать или даже повторить, если экран (видимая область экрана показана красным) становится достаточно широким.

Любая помощь или предложения будут с благодарностью!

Спасибо

John

план сайта http://tmw.isystems.co.nz/website.png

Answer 1

Ваша ширина должна быть установлена ​​в процентах.

Answer 2

Убить поплавок по идентификаторам: right_wrap_container и right_repeater.

(На основании: http://tmw.isystems.co.nz/, обслуживаемых в 16:25 по новозеландскому времени.)

Answer 3

, чтобы уточнить подробности об ответах babikers:

при условии, что ваши ретрансляторы представляют собой разные изображения (если их нет, это становится тривиальным)

Есть несколько путей от макушки головы (не проверено):

• Ширина левого div 50% или тело - фон имеет левый повторитель
• правая ширина деления 50% - фоновый правый повторитель

• абсолютная позиция, z-индексирование содержимого поверх него

• body - фон имеет левый повторитель, относительное положение (может быть необязательным?)

• Оболочка div не имеет ширины - фоновый правый повторитель - положение относительно (слева от тела) 50%

• абсолютная левая позиция внутренней оболочки (или оставленное поле) -1/2 ширина содержимого (например, 480px для макета 960px)

• использовать отображение: таблица ... или использовать таблицы lol