Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX][CSS]Div pod div'em - problem
cent4
post
Post #1





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----


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ą?
Go to the top of the page
+Quote Post
sada
post
Post #2





Grupa: Zarejestrowani
Postów: 302
Pomógł: 24
Dołączył: 6.12.2008

Ostrzeżenie: (0%)
-----


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 ".
Go to the top of the page
+Quote Post
cent4
post
Post #3





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----


Musi być absolute - bo inaczej nie zadziałają mi warstwy...
Chyba, że jest jakiś sposób, a ja go nie znam...
Go to the top of the page
+Quote Post
by_ikar
post
Post #4





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----


Mogą być absolute, źle mu prawisz. Wystarczy się pobawić w z-index i odpowiednie nadać każdemu div'owi.
Go to the top of the page
+Quote Post
crocodillo
post
Post #5





Grupa: Zarejestrowani
Postów: 215
Pomógł: 44
Dołączył: 31.07.2011
Skąd: wrocław

Ostrzeżenie: (0%)
-----


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ć.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 14:25