Layout składający się z jednej stałej części dostosowujący się do szerokości monitora Opcje

[Gabrielx]

Witam.
Mam problemy z pocięciem layoutu. Jest to layout jednoelementowy - nie posiadam tła, jest to cała spójna kompozycja, z częścią środkową (tekst itd) o szerokości tj. 1024px. Całość = 1920.

Chciałbym zrobić tak żeby dostosowywało się do szerokości ekranu. Np. mamy rozdzielczoość ekranu 1024 px to "boczne tła" ucina. Jeśli mniejsze niż 1024px to wtedy wyświetla tylko tą srodkową część, ale dodaje pasek przesuwania poziomego. Jeśli większa np. 1600px, to wtedy (1600- 1024)/2 boki wyświetla o wielkości 288px lewy i 288px prawy, czyli resztę ucina.

http://www.imagebanana.com/view/p3v6nvfd/Beztytuu.png
Na czerwono musi się zawsze wyświetlać, czarne elementy stopniowo w zależności od szerokości monitora.

Mam nadzieję że zrozumieliście co mam na myśli i proszę o poradę w jaki sposób Wy byście to wykonali.

Ten post edytował Gabrielx 6.10.2012, 11:07:38

[Szymciosek]

Demo: http://jsfiddle.net/FhqbP/9/

HTML:

Kod

<div id='content'></div>?

CSS:

Kod

head, body {
    width: 100%;
    min-width: 400px;
    height: 100%;
    background-color: #000000;
}
#content {
    width: 400px;
    height: 500px;
    background-color: #ff0000;
    margin: 0 auto;
}?

O takie coś chodzi ?

Ten post edytował Szymciosek 6.10.2012, 11:46:25