Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: z-index - problem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Jarod
Moja strona składa się z (blok "główny", który zawiera tło z poprzecznym wzorkiem), kontenera (blok "kontener").

W kontenerze jest umieszczona cała strony - inne divy, itp.

Chciałbym umieścić belkę pomiędzy kontenerem "główny" a kontenerem "kontener".

W cym celu zrobiłem coś takiego (nie podaję całego kodu css):

  1. * {
  2. margin: 0;
  3. padding: 0;
  4. }
  5.  
  6. div#glowny {
  7. margin: 0 auto;
  8. padding: 0;
  9. width: 760px !important;
  10. width: 764px;
  11. background-image: url(../layout/tlo.gif);
  12. background-repeat: repeat-y;
  13. z-index: -2;
  14. }
  15. #kontener {
  16. clear: both;
  17. margin: 0 auto;
  18. padding: 0;
  19. width: 650px;
  20. background-color: white;
  21. border 0;
  22. z-index: 10;
  23. }
  24.  
  25. #belka {
  26. background-image: url(../layout/belka.gif);
  27. position: absolute;
  28. top: 10%;
  29. left: 70px;
  30. width: 860px;
  31. height: 131px;
  32. z-index: -10;
  33. }



Oto wyniki:
-------------

W FF wogóle jej nie widać.

Opera , Internet Explorer (ALE jest ona pod konenerem "główny" a nie między "główny" a "kontener" !)


Mie wiem jak sobie z tym poradzić. Chciałbym żeby belka była umieszczona pomiędzy tłem a kontenerem i jednocześnie działało w FF.

Proszę o pomoc :/
Zajec
Skoro chcesz belkę pomiędzy dwoma div'ami, to czemu przypisałeś jej najmniejszy z-index?

I tak przy okazji, czy kontener na pewno potrzebuje celar: both?
Jarod
Cytat(Zajec @ 2006-03-21 16:40:25)
Skoro chcesz belkę pomiędzy dwoma div'ami, to czemu przypisałeś jej najmniejszy z-index?

I tak przy okazji, czy kontener na pewno potrzebuje celar: both?

Z tym both to sprawdze. A jak przypisać ten z-index?

Bo dla kontenera "główny" przypisałem najmniejszy, dla belki pośredni a dla kontenera "kontener" największy..
code46
z-index nie jest jeszcze dobrze wspierany - lepsze tabelki
Zajec
Cytat(J4r0d @ 2006-03-21 20:55:44)
Cytat(Zajec @ 2006-03-21 16:40:25)
Skoro chcesz belkę pomiędzy dwoma div'ami, to czemu przypisałeś jej najmniejszy z-index?

A jak przypisać ten z-index?

Bo dla kontenera "główny" przypisałem najmniejszy, dla belki pośredni a dla kontenera "kontener" największy..
Właśnie zrobiłeś pomyłkę i belka ma najmniejszy (minus dziesięć).


Cytat(code46 @ 2006-03-23 01:03:49)
z-index nie jest jeszcze dobrze wspierany - lepsze tabelki
Panu... eee... podziękujemy? Chyba nie wiesz o czym piszesz.
Jarod
Poprawiłem i nadal jest źle. Proszę pomóż :/

Kod
* {
margin: 0;
padding: 0;
}

div#glowny {
margin: 0 auto;
padding: 0;
width: 760px !important;
width: 764px;
background-image: url(../layout/tlo.gif);
background-repeat: repeat-y;
z-index: 1;
}
#kontener {
clear: both;
margin: 0 auto;
padding: 0;
width: 650px;
background-color: white;
border 0;
z-index: 3;
}

#belka {
background-image: url(../layout/belka.gif);
position: absolute;
top: 10%;
left: 70px;
width: 860px;
height: 131px;
z-index: 2;
}
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.