17/12/2012, 13:16
|
| | | Fecha de Ingreso: septiembre-2011
Mensajes: 176
Antigüedad: 12 años, 7 meses Puntos: 0 | |
| Capas relativas
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>
|