Быстро ответ не нашел, явно надо знать правильные слова для поиска, а может его и нету.
Имеется вот такое хорошее начало
html{
background-image:url("/assets/images/header.jpg"),
url("/assets/images/repeat.png");
background-repeat:no-repeat,repeat-y;
background-color:#30040b;
}
body{
/* поскипано лишнее */
max-width:1280px;
margin:0 auto;
}
Картинка header.jpg == 1280 пикс в ширину и не укладывается как видите. Фон начинается от края окна браузера. Так вот, а если уменьшить макс-ширину туловища (body), то фон все равно начинается от края окна браузера. Я подумал потому что надо в body засунуть эти стили и засунул - ничего не поменялось. Фон начинался от края окна, а не от края тега, который я сделал видимым outline:1px solid red; на время проверки.
Вопрос, как "залить" body фоном так, чтоб он начинался от левой границы туловища, а не от границы окна?
Временно пришлось убрать центральную выключку - margin:0 auto; - все уехало влево, а хочется чтобы четко стояло по центру и фон был только внутри контента в body шириной максимум 1280 пикс.