[html/css] problem z ustawieniem divów Opcje

[bluesqad]

Witajcie,
mam w stylach taki kod:

[HTML] pobierz, plaintext 
div#all {
    width : auto;
    height : auto;
    background-color : #000000;
    border : 0px;
    margin : 0 0 0 0;
    text-align : center;
    color : white;
}
 
div#top {
    width : auto;
    height : 224px;
    border : 0px;
    margin : auto 0 auto 0;
    text-align : center;
    color : white;
}
 
div#top1 {
    height : 224px;
    background-image : url("images/index_01.png");
    border : 0px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
}
 
div#top2 {
    width : 790px;
    height : 224px;
    background-image : url("images/index_01.png");
    border : 0px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
}
 
div#top3 {
    height : 224px;
    background-image : url("images/index_01.png");
    border : 0px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
}
[HTML] pobierz, plaintext 

i na stronie www pokazuje się to w taki oto sposob: http://studioproste.pl/fotografiaslubna/
Jak ustawić w stylach zeby było to wszystko na jednym poziomie?
Środkowa część musi mieć stałą szerokość a lewa i prawa powinny dostosowywać się do różnych rozdzielczości żeby 'zapychać' przestrzeń kolorem.

Z góry dziękI za pomoc
Romek

[bluesqad]

ale to mi ustawia lewy i prawy div statycznie.
a ja potrzebuje wartości dynamicznych. jednak jeśli jest ustawione na 'auto' to sie wszystko rozjeżdża na 3 wiersze.
statycznie portafię zrobić a tu chodzi zeby się dostosowywało automatycznie w lewym i prawym divie a środkowy tylko ma byc statyczny ustawiony na 790...