Есть способ проще: background-size: cover;htmlbook.ru/css/background-size
Но это относительно новое свойство, поэтому в древних браузерах работать не будет.
Совершенно верно. Кроссбраузерность нужно учитывать. Те скрипты, о которых говорил я, ничего особого не делают. Они просто заменяют фон на большую по размеру картинку в зависимости от размера окна браузера. Да суть не в них, а втом, что дизайнеру придется самому перед выдачей диза удостоверится, что все элементы на местах и не съезжают при разных разрешениях.
Mingo-Dog 2
Благодарю, но как тогда получается что у человека с 1024х768 отображается ровно атк же как и у 1366х768?
Потестить и посмотреть как страница будет выглядеть при разных разрешениях Вы можете тут - http://viewlike.us/
у меня до этого был исходник дизайна на нём у меня фон как то растягивался, ну верней сказать там задавались какие то параметры и вне зависимости от разрешения он как резиновый растягивался. увы исходник тот год назад потерял.
"Резиновый" тоже не панацея.. как раз наоброт. Потому что там все величины (ширина боди, тела форума, таблиц форума и прочее) задается в процентах. И процент этот считается в зависимости от ширины окна браузера (читай разрешения). Просто ради эксперимента, у себя на тестовике поставьте любой стандратный диз от сервиса, который тянется, и Вы сами увидите о чем я.
В Вашем случае, я бы просто границы рисунка свел в размытие к фону, который у Вас лежит фоном на HTML.
Тогда, при определенных условиях позиционирования BODY, у Вас боковые уши обрезались бы..
Ваш код
html, body { background-image: url("http://s3.uploads.ru/fEiUK.png"); background-color: #4e361e; background-repeat: repeat-y; background-position: center; background-attachment: fixed; }
А я бы сделал так:
html { background-color: #4e361e; } body { background-image: url("http://s3.uploads.ru/fEiUK.png"); background-repeat: repeat-y; background-position: top center; background-attachment: fixed; }
В этом случае, имея картинку body, даже в 1600 пикселей шириной, но плавно (или размытием или градиентом) сведя ее к цвету #4e361e, Вы бы не видели четких границ и картинка боди как бы перетекала в фон HTML.
При этом, центральная часть картинки всегда бы оставалсь, то что было бы больше ширины экрана - отсекалось по обоим бокам, а то, чего не доставало - компенсировалось бы фоновым цветом HTML.
Можно, конечно применить и совет mintemero, но вот с вопросом кроссбраузерности может встать вопрос. )