Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Div nie przyjmuje wysokości w zależności od zawartości
Forum PHP.pl > Forum > Przedszkole
maniek99
  1. <div id="content">
  2. <div class="col1"></div?
  3. <div class="col2"></div>
  4. </div>


  1. #content {
  2. width:980px;
  3. height:2000px;
  4. background:#fff;
  5. margin-top:0px;
  6. margin-left:13px;
  7. border:0px;
  8.  
  9. }
  10.  
  11. #content .col1 {
  12. float: left;
  13. height:100%;
  14. width: 670px;
  15. margin-left: 6px;
  16. margin-bottom: 5px;
  17. }
  18.  
  19.  
  20.  
  21. #content .col2 {
  22. float: left;
  23. width: 240px;
  24. margin-bottom: 5px;
  25. margin-left: 5px;
  26.  
  27. }


Chciałbym, żeby div #content, miał wysokość, równą wysokościowi divóch w nim zawartych, jednak gdy zmienię wyokośc zdefiniowaną na sztywno na width:100% lub
width:auto to wysokość diva spada do zera (elementy wewnątrz wyświetlają się prawidłowo), przez co nie mogę ustawić dla niego tła takiej wysokości jak jego zawartość.

Jest na to jakiś sposób ?
kreatiff
Wklej konkretny kawałek kodu html. Ta namiastka nawet nie ma pozamykanych divów wewnętrznych.
Zerowanie wysokości diva zewnętrzengo może mieć związek z floatami tych wewnętrznych.

Cytat
ed.
gdy zmienię wyokośc zdefiniowaną na sztywno na width:100% lub
width:auto

Width to szerokość, height to wysokość.
maniek99
Wiem, że height to wysokość, jak pisałem trochę się śpieszyłem wink.gif
Poprawiłem te divy. Nie daje całego kodu, bo w tych divach są inne zagnieżdżone i ogólnie dużo kodu, ale chodzi mi o sam fakt,
dlaczego ten div się nie rozszerza do odpowiedniej wysokościm skoro ma zawartość to chyba powinien się do niej dostosować ?
kreatiff
Dla podanego kodu wszystko sie zgadza i jest tak jak chcesz by działało.
Czy na sztywno ustalę wysokość wewnętrznego diva w css, czy jest ona obliczana sama na podstawie jego zawartości, div zewnętrzny przybiera wysokość najwyższego z divów wewnętrznych + 5px z jego marginesu.
fate
ja zawsze tworzę klasę pull do rozciagania divów, ktora wyglada tak:
  1. .pull
  2. {
  3. height:auto;
  4. overflow:auto;
  5. }

zawsze działa - czasami wystarczy dodać samo height:auto
maniek99
overflow:auto pomogło, wielkie dzięki exclamation.gif biggrin.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.