jquery - animate - dove sbaglio?

[Reiko81]

Ciao a tutti!
Leggendo le guide, ho provato a cimentarmi nell'animazione di una pagina in jquery, ma sono totalmente autodidatta e inesperta e avrei bisogno di un aiuto.

<script type="text/javascript">
 $(document).ready(function(){
	 $('#page_effect').css('opacity', -1);
$('#page_effect').show();


$('#page_effect').animate({opacity: 1}, {queue: false, duration: 'slow'});
$('#page_effect').animate({
    width: "500",
    opacity: 1,
    marginLeft: "-1.6in",
    fontSize: "1em",
  }, 1500 );
});
</script>

    <div style="background-image:url(immagini/index_05.png); background-repeat:no-repeat; background-position:top; min-height: 53px; ">
    

    <div style="margin-left:155px; margin-top:10px; text-align:justify; font-size:13px;">
    <div id="page_effect" style="display:none;">
<?php
if (isset($_GET['page'])) {
	$page = $_REQUEST['page'];
	include $page;
	}
else{include("home.php");}?>
</div>
</div>

</div>

Purtroppo non si anima solo il div con id "page_effect", ma anche il div che mi serve da background... qualcuno sa dirmi perché?

[KillerWorm]

Ciao,
ho provato il tuo script. E' probabile che il div col background si animi in modo indiretto, cioè la sua altezza si ridimensiona in base al suo contenuto che varia appunto durante l'animazione. Perlomeno questo è ciò che ho potuto notare provando il tuo script.
In tal caso dovresti fissare l'altezza del div col background.

[Reiko81]

Originariamente inviato da KillerWorm
Ciao,
ho provato il tuo script. E' probabile che il div col background si animi in modo indiretto, cioè la sua altezza si ridimensiona in base al suo contenuto che varia appunto durante l'animazione. Perlomeno questo è ciò che ho potuto notare provando il tuo script.
In tal caso dovresti fissare l'altezza del div col background.

hmm... non ho ben capito...
Però ho posizionato lo sfondo a sinistra invece che in alto e ora non si muove più!