Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][CSS]Div pod div'em - problem
Forum PHP.pl > Forum > Przedszkole
cent4
Mam wielki problem.
Chodzi o to, że mam 2 div'y na górze strony - z wykorzystaniem warstw z-index i position: absolute; - strony mam różnej długości ale chciałbym, żeby pod nimi był jeszcze jeden div - problemem jest to, że ten div pod nimi ma być dynamiczny - tzn. ma być zawsze pod podstroną - jeszcze jedną przeszkodą, jest to, że strony są ładowane do danego div'a poprzez AJAX.
Mój CSS:
  1. #KONTENER_ZEWN{
  2. margin : auto; /* wycentrowanie calej strony */
  3. width : 1141px; /* szerokość */
  4. height : auto;
  5. margin-top : 0px;
  6. ;
  7. }
  8.  
  9. #KONTENER{
  10. margin : auto; /* wycentrowanie calej strony */
  11. width : 1141px; /* szerokość */
  12. height : auto;
  13. position: relative
  14. margin-top : 0px;
  15. float : left;
  16. }
  17.  
  18. #PARTNERZY{
  19. margin : auto; /* wycentrowanie calej strony */
  20. width : 1141px; /* szerokość */
  21. height : 100px;
  22. float : left;
  23. background:#FF908B;
  24. position: absolute; bottom: 0;
  25.  
  26. }
  27.  
  28. #GORA{
  29. margin : auto; /* wycentrowanie calej strony */
  30. width : 950px; /* szerokość */
  31. height : 412px;
  32. float : left;
  33. background-image:url('images/gora.png');
  34. background-repeat:no-repeat;
  35.  
  36. position: absolute;
  37. left: 115px;
  38. top: 0px;
  39. z-index: 2;
  40. margin-left: -530px;
  41. left: 50%;
  42. }
  43.  
  44. #CIALO{
  45. margin : auto; /* wycentrowanie calej strony */
  46. width : 770px; /* szerokość */
  47. float : left;
  48. height : auto;
  49. padding-left : 85px;
  50.  
  51. position: absolute;
  52. left: 115px;
  53. top: 162px;
  54. z-index: 1;
  55. margin-left: -440px;
  56. left: 50%;
  57. }

Objaśnienie:
jest kontener zewnętrzny - KONTENER_ZEWN, a w nim:
KONTENER i pod nim właśnie ma być PARTNERZY
w środku KONTENER jest:
GÓRA - warstwa górna i CIALO - warstwa dolna - do warstwy CIALO ładują się AJAX'em podstrony.

Jak zrobić, żeby DIV PARTNERZY był zawsze pod daną podstroną?
sada
Nie chce mi się analizować ale wydaje mi się że błąd tkwi w założeniu. Jeśli chcesz by ten dolny div był dynamiczny (ustawiał sie pod dwoma górnymi) to te dwa górne nie mogą być "absolute" . Daj je bez absolute, dodaj float left i odpowiednio right, a wtedy ten dolny ułoży się" pierwszym wolnym miejscu ".
cent4
Musi być absolute - bo inaczej nie zadziałają mi warstwy...
Chyba, że jest jakiś sposób, a ja go nie znam...
by_ikar
Mogą być absolute, źle mu prawisz. Wystarczy się pobawić w z-index i odpowiednie nadać każdemu div'owi.
crocodillo
Jeśli masz div z position:absolute, to nie ustawisz pod nim (pod nim rozumiem jako wysokość nie głębokość) kolejnego diva, chyba że będziesz znał wysokość tego pierwszego. W takim wypadku tylko JS pomoże. Najlepiej jak byś gdzieś wrzucił całość, bo tak to wszyscy będą tylko gdybać.
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.