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

[Damonsson]

width: 97px;
height: 19px;
Takie są wymiary Twojego DIVa 'warstwa3' w którym jest słowo 'ZAWARTOSC', więc w czym problem?

Nie musisz umieszczać bezpośrednio stylu w html, jeśli chcesz tym sterować za pomocą JS. Domyślną wartość możesz umieścić w oddzielnym pliku .css wraz z resztą.

Stosowanie dla jednego elementu #id i .class nie powoduje żadnych koligacji, nie biorąc pod uwagę oczywiście zawartości.

Nadrzędne DIVy mogą tutaj o czymś decydować, ale nie wiem co tam masz.

Ten post edytował Damonsson 18.01.2011, 17:04:48

[matewka]

Ta ZAWARTOSC to tylko przykład. W rzeczywistości wewnątrz tego DIVa mam wiele zdjęć, które w różnych sytuacjach nadają różną wysokość DIVowi.
Ale to już nie ważne. Problem rozwiązał się sam. Te zdjęcia mam zawarte w tabeli pozycjonowanej absolutnie. Tutaj tkwił problem. Po prostu cała zawartość DIVa była ustawiona absolutnie, zatem DIV przyjął wysokość = 0, a mimo to pokazywał zawartość.

Ten post edytował matewka 18.01.2011, 17:27:10