Необычный резиновый дизайн

[Lastmmps]

Суть задачи в следующем:

1 имеем блок фиксированной ширины 1024 пикс. При разрешении экрана в 1024 пикс он показывается целиком. Это центральный блок.

2 Если разрешение экрана больше то справа должен отобразиться фон (изображение), причем его левый край должен совпадать с центральным блоком.

3 Если разрешение экрана больше 1280 пикс, то слева должен отобразиться фон(изображение), правый край которого должен совпасть с центральным блоком.

Вопрос, как это реализовать не прибегая к javascript и есть ли готовые решения?

[rus]

...причем его левый край должен совпадать с центральным блоком.

...правый край которого должен совпасть с центральным блоком.

Что значит совпадать (совпасть)? Поясните подробнее.

[Lastmmps]

Подробней: центральная часть - картинка края которой должны совпасть с левым и правым бэкграундом.

[Nird]

Подробней: центральная часть - картинка края которой должны совпасть с левым и правым бэкграундом.

не прибегая к js - сделать супертяжелый фон и спозиционировать его по центру. Но тогда левая и правая части буду показываться одинаково

[rus]

Подробней: центральная часть - картинка края которой должны совпасть с левым и правым бэкграундом.

Отрезать с центральной картинки левую и правую полоски, и вставить их фоном по краям, и сказать им: повторяйтесь по оси-х.

Но это в том случае, если отрезаный кусок того позволяет.

[Lastmmps]

Прочитайте пожалуйста внимательней задачу. Сначала фон необходимо отобразить справа, затем слева. И поторения фона быть не может.

[rus]

Прочитайте пожалуйста внимательней задачу. Сначала фон необходимо отобразить справа, затем слева. И поторения фона быть не может.

Тогда без js не обойтись никак.

[Lastmmps]

Решение нашлось. Без js. Работает в FF, IE7, Opera. Будет время - выложу решение.

[SelenIT]

Как вариант, матрешка из 3-х дивов. Наружный - width: 100%; min-width: 1280pх, равнение по правому краю, левый выезжающий фон. В нем див с min-width: 1024px; max-width: 1280px, равнение по левому краю, правый выезжающий фон. В нем контент шириной 1024px.

[psywalker]

Решение нашлось. Без js. Работает в FF, IE7, Opera. Будет время - выложу решение.

покажи решение обязательно

[Lastmmps]

Как вариант, матрешка из 3-х дивов.

Примерно так и сделали. Простенький пример лежит здесь. Краткое описание здесь.

Всем спасибо за участие!