Witam,

W jaki sposób mógłbym zrealizować tło aby od połowy ekrano na lewo tło było
niebieskie, a na prawo - białe? Chodzi o to, że barwa będzie musiała być
zmieniana programowo więc nie wchodzą w grę bitmapy. Po drugie tło białe
nie będzie zaczynało się od środka strony lecz od środka minus połowa
szerokości treści straony (obiekt container). Innymi słowy treść strony ma
być zawsze na białym a strona ma być wyśrodkowana.

Zrobiłem coś takiego:

<div id="background"></div>
<div id="containter">
tu treść
</div>

Gdzie:

html {
margin: 0px;
padding: 0px;
position: relative;
height: 100%;
}


body {
background-color: #00859E;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin: 0px;
position: relative;
padding: 0px;
height: 100%;
}
#background {
background-color: #FFF;
height: 100%;
width: 50%;
position: fixed;
left: 50%;
z-index: -1;
}
#containter {
background-color: #FFF;
width: 885px;
position: relative;
height: 100%;
margin-right: auto;
margin-left: auto;
min-height: 100%;
}

Działa to prawie idealnie z wyjątkiem sytuacji gdy treść strony jest wyższa
od okna przeglądarki. Wtedy powstaje taka sytuacja, że tło elementu
comtainer kończy się a tekst leci jeszcze dalej. Próbowałem nadać
containerowi min-height:100% zamiast height: 100% lecz jest to ignorowane
przez przeglądarki.