Forum PHP.pl

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):

[HTML] pobierz, plaintext 
* {
   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: -2;
}
#kontener {
           clear: both;
           margin: 0 auto;
           padding: 0;
           width: 650px;
           background-color: white;
		   border 0;
           z-index: 10;
}
 
#belka {  
		background-image: url(../layout/belka.gif);  
		position: absolute;
		top: 10%;
                left: 70px;
                width: 860px;
		height: 131px;		
		z-index: -10;
}
[HTML] pobierz, plaintext 

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 :/

Ten post edytował J4r0d 21.03.2006, 14:34:04

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?

Ten post edytował Zajec 21.03.2006, 17:41:13

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..

z-index nie jest jeszcze dobrze wspierany - lepsze tabelki

Właśnie zrobiłeś pomyłkę i belka ma najmniejszy (minus dziesięć).


Panu... eee... podziękujemy? Chyba nie wiesz o czym piszesz.

Poprawiłem i nadal jest źle. Proszę pomóż :/