[CSS] Chowanie diva pod innego diva Opcje

[-edej-]

Co może być nie tak, że DIV, którego chcę schować przy użyciu jquery.animate(); nie chowa się pod lewą stronę strony (.left_column) ?

Kod:

[HTML] pobierz, plaintext 
#slider_frame {
	float: left;
	position: relative;
	z-index: 2;
	width: 310px;
	height: 545px;
	background: #111;
	padding: 20px;
	opacity: 0.5;
}
 
.left_column {
	float: left;
	width: 210px;
	padding: 18px;
	position: relative;
	z-index: 2;
}
[HTML] pobierz, plaintext 

Kod JS:

[HTML] pobierz, plaintext 
$('#close_slider_frame').click(function(){
				var current = $('#slider_frame p[align="right"]').text();
				if (current == 'Zamknij') {
					$('#slider_frame').stop(true,false).animate({
						left: '-=262'
					}, 1500, function(){
						$('#slider_frame p[align="right"]').text('Otwórz');
					});
				}
				else {
					$('#slider_frame').stop(true,false).animate({
						left: '+=262'
					}, 1500, function(){
						$('#slider_frame p[align="right"]').text('Zamknij');
					});
				}
			});
[HTML] pobierz, plaintext 

Animacja działa, ale zakrywa mi lewą stronę, a ma się chować pod nią.

[mar1aczi]

z-index?

[-Gość-]

Tak, tylko szkoda że nie zauważyłeś że tak właśnie mam...

[!*!]

http://forum.php.pl/index.php?showtopic=15...mp;#entry896036

[-Gość-]

http://jsbin.com/esedos/1

[mar1aczi]

Tak, tylko szkoda że nie zauważyłeś że tak właśnie mam...

I jakie mają wartości?

[-Gość-]

No chyba dobre - lewa kolumna ma z-index: 3, a #slider_frame z-index: 2...

[mar1aczi]

close_slider_frame ma z-index=3, ale ten z kolei jest w slider_frame o z-index=2, czyli na tej samej warstwie co left_colum

Hehe, widzę, że już załapałeś bo w kodzie poprawiłeś.

[-Gość-]

Zmiana planów - jednak się chowa, ale tam tła nie ma i dlatego tak to wygląda

Jest na to jakiś sposób, żeby ucięło X px od lewej strony? bo teraz nawet jak dodałem TŁO do left column to i tak kawałek wystaje ;/