Tema: Se sale un div del div que lo contiene
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/04/2011, 01:21
Avatar de fedefrankk
fedefrankk
 
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 6 meses
Puntos: 7
Pregunta Se sale un div del div que lo contiene
Buenas.!

Quiero mover un div dentro de otro con jquery o java scrip, eso bien, pero se sale del div padre por asi decirlo, dejo codigo.

CSS

Código CSS: 
Ver original
  1. .PRINCIPAL{
  2.     text-align:center;width:950px;
  3.     height:400px;
  4.     position: absolute;
  5.     left:50%;
  6.     margin-left:-475px;
  7.     padding:5px;
  8.     border:#C00;
  9.     border:solid; color:#C00;
  10. }
  11. .img1{
  12.     position:relative;
  13.     width:200px;
  14.     height:150px;
  15.     background-image:url(img_01.jpg);
  16.     background-repeat:no-repeat;
  17.     left:0px;
  18.     top:0px:;}



HTML

Código HTML: 
Ver original
  1. <link rel="stylesheet" type="text/css" href="1.css" media="screen" />
  2.   <script src="http://code.jquery.com/jquery-1.5.js"></script>
  3.  
  4.  
  5. </head>
  6. <body>
  7.  
  8. <div class="PRINCIPAL" id="ad">
  9.  
  10. <div class="img1" id="mob1"></div>
  11.  
  12. </div>
  13. <div onclick="ad('a_1')" class="nose" id="ba"></div>
  14. <script language="javascript" type="text/javascript">
  15. $("#ba").click(function(){
  16.   $(".img1").animate({"left": "+=100px"}, "slow");
  17. });
  18.  </script> 
  19. </body>
  20. </html>


Mi pregunta es el div "id="mob1"" porque se sale si esta contenido por un div "PRINCIPAL" ?
Desde ya muchas gracias
Saludos a todos
Fede