układanie div'ow jeden pod drugim Opcje

[kris2]

Mam problem z układaniem diwów jeden nad drugim.
chciałbym założyc kilka divów pod sobą, np:

[HTML] pobierz, plaintext 
#banner {
 
    position: relative;
 
    z-index: 3;
 
    height: 151px;
 
    width: 1005px;
 
    visibility: visible;
 
    margin:0pt auto;
}
#profile {
 
    position: relative;
 
    z-index: 3;
 
    width: 1005px;
 
    height:1500px;
 
    margin:0pt auto;
 
    visibility: visible;
 
}
#footer {
 
    position: relative;
 
    z-index: 3;
 
    height: 43px;
 
    width: 1005px;
 
    margin:0pt auto;
 
    bottom: 0px;
 
    visibility: visible;
 
}
[HTML] pobierz, plaintext 

a w środku:

[HTML] pobierz, plaintext 
#profileTop {
 
    position:absolute;
 
    width:1000px;
 
    height:385px;
 
    z-index:5;
 
    top: 2px;
 
    left: 2px;
 
}
[HTML] pobierz, plaintext 

zależność wygląda tak:

[HTML] pobierz, plaintext 
<div id="banner">
    <img src="images/bzium.jpg" width="1005" height="151" />
</div>
<div id="profile">
            <div id="profileTop">
                    Jakaś zawartość
                </div>
                ...
</div>
<div class="text_footer" id="footer">
</div>
[HTML] pobierz, plaintext 

i problem polega na tym że wszystko się ładnie układa. Ale ja chciałbym nie deklarować wysokości głównych divów aby wysokość wyznaczała się automagicznie.
Jeżeli wyłącze wysokość footer, profile i banner to profile i footer nachodzą na siebie.
Podejrzewam że nie nachodzą na banner bo banner ma wyznczoną wysokość przez obrazek.
Zalezy mi na dynamicznym wyliczaniu wysokości ponieważ zawartość profile będzie generowana z javascriptu.

[trucksweb]

a nie lepiej uzyc float: left ?

po co z-index: 3;?

[PawelC]

A nie lepiej jest nieustawiać żadnego float tylko margin:auto i tak wpisać kod:

<div class="nazwa 1">
</div>
<div class="nazwa 2">
</div>
<div class="nazwa 3">
</div>

I oczywiście każdy z tych divów musi mieć margin:auto; ja zawsze tak robię jak chcę mieć kilka divów jeden pod drugim i działa bez problemu.