Lastmmps Posted January 28, 2010 Report Share Posted January 28, 2010 Суть задачи в следующем: 1 имеем блок фиксированной ширины 1024 пикс. При разрешении экрана в 1024 пикс он показывается целиком. Это центральный блок.2 Если разрешение экрана больше то справа должен отобразиться фон (изображение), причем его левый край должен совпадать с центральным блоком.3 Если разрешение экрана больше 1280 пикс, то слева должен отобразиться фон(изображение), правый край которого должен совпасть с центральным блоком.Вопрос, как это реализовать не прибегая к javascript и есть ли готовые решения? Quote Link to comment Share on other sites More sharing options...
0 rus Posted January 28, 2010 Report Share Posted January 28, 2010 ...причем его левый край должен совпадать с центральным блоком....правый край которого должен совпасть с центральным блоком.Что значит совпадать (совпасть)? Поясните подробнее. Quote Link to comment Share on other sites More sharing options...
0 Lastmmps Posted January 28, 2010 Author Report Share Posted January 28, 2010 Подробней: центральная часть - картинка края которой должны совпасть с левым и правым бэкграундом. Quote Link to comment Share on other sites More sharing options...
0 Nird Posted January 28, 2010 Report Share Posted January 28, 2010 Подробней: центральная часть - картинка края которой должны совпасть с левым и правым бэкграундом. не прибегая к js - сделать супертяжелый фон и спозиционировать его по центру. Но тогда левая и правая части буду показываться одинаково Quote Link to comment Share on other sites More sharing options...
0 rus Posted January 28, 2010 Report Share Posted January 28, 2010 Подробней: центральная часть - картинка края которой должны совпасть с левым и правым бэкграундом.Отрезать с центральной картинки левую и правую полоски, и вставить их фоном по краям, и сказать им: повторяйтесь по оси-х.Но это в том случае, если отрезаный кусок того позволяет. Quote Link to comment Share on other sites More sharing options...
0 Lastmmps Posted January 28, 2010 Author Report Share Posted January 28, 2010 Прочитайте пожалуйста внимательней задачу. Сначала фон необходимо отобразить справа, затем слева. И поторения фона быть не может. Quote Link to comment Share on other sites More sharing options...
0 rus Posted January 28, 2010 Report Share Posted January 28, 2010 Прочитайте пожалуйста внимательней задачу. Сначала фон необходимо отобразить справа, затем слева. И поторения фона быть не может.Тогда без js не обойтись никак. Quote Link to comment Share on other sites More sharing options...
0 Lastmmps Posted January 28, 2010 Author Report Share Posted January 28, 2010 Решение нашлось. Без js. Работает в FF, IE7, Opera. Будет время - выложу решение. Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted January 28, 2010 Report Share Posted January 28, 2010 Как вариант, матрешка из 3-х дивов. Наружный - width: 100%; min-width: 1280pх, равнение по правому краю, левый выезжающий фон. В нем див с min-width: 1024px; max-width: 1280px, равнение по левому краю, правый выезжающий фон. В нем контент шириной 1024px. Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted January 28, 2010 Report Share Posted January 28, 2010 Решение нашлось. Без js. Работает в FF, IE7, Opera. Будет время - выложу решение.покажи решение обязательно Quote Link to comment Share on other sites More sharing options...
0 Lastmmps Posted January 28, 2010 Author Report Share Posted January 28, 2010 Как вариант, матрешка из 3-х дивов.Примерно так и сделали. Простенький пример лежит здесь. Краткое описание здесь.Всем спасибо за участие! Quote Link to comment Share on other sites More sharing options...
Question
Lastmmps
Суть задачи в следующем:
1 имеем блок фиксированной ширины 1024 пикс. При разрешении экрана в 1024 пикс он показывается целиком. Это центральный блок.
2 Если разрешение экрана больше то справа должен отобразиться фон (изображение), причем его левый край должен совпадать с центральным блоком.
3 Если разрешение экрана больше 1280 пикс, то слева должен отобразиться фон(изображение), правый край которого должен совпасть с центральным блоком.
Вопрос, как это реализовать не прибегая к javascript и есть ли готовые решения?
Link to comment
Share on other sites
10 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.