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

[Gabrielx]

bardziej o to że nie mogę ustawić background - wszystko na divach. dostałem taki layout że jest tak jakby całość - tło + to co jest po środku (czarne). Czarne i czerwone jest złączone i nie mogę wyodrębnić warstwy - dlatego że było robione przez grafika w 3dsmaxie. Już zmian nie można dokonać dlatego się pytam.

Wyglądało by to jako cos takeigo bardziej:

Kod

<div id="left_bg"></div>
<div id="content_center"></div>
<div id="right_bg"></div>

Gdzie głowny jest content_center, i left_bg i right_bg musi się ucinać odpowiedni w zależności od monitora.

Edit.
Po prostu lay caly z tłem obrazkowym - jedna całość. Nie podzielony na warstwy, bo renderowany w 3dsmaxie.

Ten post edytował Gabrielx 6.10.2012, 14:24:52