Capas relativas

luisalberti · #1 (**permalink**) 17/12/2012, 13:16

Holo a tod@s, tengo el siguiente problema, copio los trozos del código. El script me funciona bien. De antemano les digo que soy novato en jquery. El problema lo tengo con la resolución de pantalla tengo los textos en capas relativas pero cuando bajo de resolución no me baja igual las capas texto1 y texto2 se quedan como absolutas. Si alguien es tan amable y me puede ayudar

Código:

#texto1{
  font-family:'canarias', Arial, Verdana, sans-serif; !important
  font-size:99px;
  left:-810px;
  position:relative;
  top:208px;
  width:728px;
}

#texto2{
  font-family:'canarias', Arial, Verdana, sans-serif; !important
  font-size:99px;
  left:-810px;
  position:relative;
  top:208px;
  width:728px;
  
}

Código:

<script>
				
			$(document).ready(function(){
                    $('#texto1').animate({
                               left:'200px',
			                   
                    },3000);
		
	
		            $('#texto2').animate({
                               left:'500px',
                     },3000);
                    
		           
				    $('#texto1').animate({
                            
							   opacity: 0
                    },3000);
				   
				   
				   
				    $('#texto2').animate({
                            
							   opacity: 0
                    },3000);
		

		}); 
				
				
						
			});
		</script>

Código:

    </head>
    <body>	
	          <div class="contenedor_caja">
					<div id="texto1">prueba 1</div>
                    <div id="texto2">prueba 2 </div>
                  </div>
						</div>