[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]

widze tą strone, znam ją. Używam takze Biblii z Helionu o htmlu i cssach.
piszę bo nie moge sobie z tym poradzić. Jakbym nie próbował to rozumiem taki komentarz, ale próbuje i mi nie wychodzi, dlatego pytam, wiec wrzucanie linku w odpowiedzi w tym momencie nie jest do końca na miejscu.

ps.
divy są ułożne w htmlu w ten sposob:

[HTML] pobierz, plaintext 
<div id="top">
    <div id="top1">
      qwe
    </div>
    <div id="top2">
      qwe
    </div>
    <div id="top3">
      qwe
    </div>
  </div>
[HTML] pobierz, plaintext 

Dzięki za jakieś konstruktywne odpowiedzi, a nie odesłanie do kursu bo nie moge sobie poradzić...