Se sale un div del div que lo contiene

fedefrankk · #1 (**permalink**) 14/04/2011, 01:21

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.PRINCIPAL{
    text-align:center;width:950px;
    height:400px;
    position: absolute;
    left:50%;
    margin-left:-475px;
    padding:5px;
    border:#C00;
    border:solid; color:#C00;
}
.img1{
    position:relative;
    width:200px;
    height:150px;
    background-image:url(img_01.jpg);
    background-repeat:no-repeat;
    left:0px;
    top:0px:;}

HTML

Código HTML:

Ver original<link rel="stylesheet" type="text/css" href="1.css" media="screen" />
  <script src="http://code.jquery.com/jquery-1.5.js"></script>
 
 
</head>
<body>
 
<div class="PRINCIPAL" id="ad">
 
<div class="img1" id="mob1"></div>
 
</div>
<div onclick="ad('a_1')" class="nose" id="ba"></div>
<script language="javascript" type="text/javascript">
$("#ba").click(function(){
  $(".img1").animate({"left": "+=100px"}, "slow");
});
 </script> 
</body>
</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

saul123 · #2 (**permalink**) 14/04/2011, 05:45

Hola
Lo que quieres es que cambie la informacion del div haciendo un click?