Повідомлення від Yasuka
Найпростіший спосіб - малюєте картинку з порожньою серединою (в вашому випадку 1024px) і по сторонам те, що потрібно.
Прописуєте її, як фон для body, і за допомогою "background-position" - центріруете.
Фоновими картинками є досить важкі анімації gif. Об'єднати їх я не можу, оскільки загубиться глибина кольору. Як извесно, gif анімація має максимум 256 кольорів, а обидві картинки різної тональності: одна - зелена, інша - червона.
Повідомлення від forest69
для body напишіть (якщо фони однакові):от і все.
і ніяких картинок з порожньою серединою не потрібно
Фони неоднакові.
Про який div ви говорите? Центральний div в тлі не потребує, а інших поки що немає. Якщо ви пропонуєте створити div-и з боків, то при зменшенні ширини браузера вони не обрізаються, а "з'їжджають" разом з кордонами, а потрібно щоб обрізалися.