Problem z nakładającymi się DIVami, nie nadaje parametru height Opcje

[matewka]

Witam. Postaram się przedstawić problem jak najprościej. Mam taką strukturę:

[HTML] pobierz, plaintext 
<div id="warstwa1">
   <div id="warstwa2">
      <div id="warstwa3" style="top:0px;">
         ZAWARTOSC
      </div>
   </div>
</div>
[HTML] pobierz, plaintext 

W CSS sprawa wygląda tak:

[HTML] pobierz, plaintext 
#warstwa1 {
   position: absolute;
   display: block;
   width: 650px;
   height: 482px;
   left: 15px;
   top: 43px;
}
#warstwa2 {
   position: absolute;
   display: block;
   overflow: hidden;
   left: 0px;
   top: 0px;
   width: 636px;
   height: 468px;
   margin: 7px;
}
#warstwa3 {
   position: absolute;
   display: block;
   left: 0px;
   <!-- top: 0px; ten parametr jest zawarty bezposrednio w znaczniku DIV -->
   width: 636px;
}
[HTML] pobierz, plaintext 

Skupcie się głównie na tym, że #warstwa3 nie ma określonej wysokości. Zrobiłem tak dlatego, że zawartość tego diva może być różna. Za pomocą javascriptu chcę zmieniać parametr TOP elementu #warstwa3 (dlatego też umieściłem top bezpośrednio w znaczniku DIV). Okazuje się, że za każdym razem mój DIV przyjmuje wysokość = 0. Sprawdzam to za pomocą obramowania. Pokazuje się tylko pozioma kreska na górze DIVa, a mimo to zawartość DIVa jest widoczna. Najdziwniejsze jest to, że na innej stronie zastosowałem praktycznie identyczną budowę i tam ten problem nie występuje. Tam DIV przyjmuje taką wysokość, jakiej wymagają od niego zawarte wewnątrz elementy. Czy na mój problem może mieć wpływ zastosowanie przy jednym znaczniku jednocześnie ID i CLASS? Czy nadrzędne DIVy mogą tu o czymś decydować?

Ten post edytował matewka 18.01.2011, 16:00:45