[CSS][HTML] Automatyczne zwężanie diva, Problem współdziałania dwóch warstw Opcje

[gregiolo]

Witam,

Chciałbym uzyskać efekt jak na obrazku. Ważne jest jednak, aby rozwiązanie było uniwersalne dla wszystkich rozdzielczości.

Kod wstępnie wygląda tak. Niestety nie działa

[CSS] pobierz, plaintext 
.top {
    display: block;
    width: 100%;
    height: auto;
    background: url(graph/bg_top.jpg) repeat-x bottom left;
}
 
.content{
    display: block;
    width: 100%;
    height: 600px;
    background: url(graph/bg.jpg) #000e28 repeat-x bottom left;
}
[CSS] pobierz, plaintext 

Zależy mi na tym aby warstwa content była widoczna zawsze w stałym rozmiarze i przylegała do dołu strony (!).. Warstwa .top powinna zmniejszać się lub zwiększać w zależności od wysokości ekranu. Zatem puste miejsce pomiędzy złączeniem obu warstw powinien być wypełniany przez warstwę .top. Niestety obecnie tak się nie dzieje.



Proszę o pomoc zatem.