Salto incomodo slideDown slideUp internet explorer 7

Gothgauss · #1 (**permalink**) 05/01/2013, 10:32

Hola

Enla empresa en la que estoy todo el mundo usa ie7, por lo que es fundamental que para este navegador se vea bien

Intento que el slideUp funcione, y funciona, pero da un pequeño golpe de vista justo cuando está terminando que resulta muy incomodo

ALguien puede saber porque es y como solucionarlo? en el resto de navegadores se ve bien.

Lo que hace es que al pinchar un boton se esconde una capa y se muestra otra, y viceversa si pinchamos en el segundo botón

Código:

<html>
<head>
<script src="../../js/jquery.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$('#boton').click(function(){
$('#uno').slideDown();
$('#dos').slideUp();
});

$('#boton2').click(function(){
$('#uno').slideUp();
$('#dos').slideDown();
});
});
</script>

</head>
<body>
<input type="submit" id="boton" />
<input type="submit" id="boton2" />
<div id="uno" style="width:300px;float:right;background:red;height:60px;"></div>

<div id="dos" style="width:300px;clear:both;float:right;background:blue;height:60px;"></div>


</body>
</html>

yurujai · #2 (**permalink**) 05/01/2013, 12:17

No se si estará correcto lo que voy a decir, pero creo que el salto que sufres es por la definicion del input como submit.

De todas formas desarrollar para IE7 es un tanto complicado :P

Prueba si funciona lo que te digo, pero vuelvo a decir, no estoy totalmente seguro y no se si el problema vendrá por ahi.

Saludos!

David · #3 (**permalink**) 05/01/2013, 12:36

¿Y si facilitas el efecto?:

Código HTML:

Ver original<button type="button" id="boton">slideDown()</button>
<button type="button" id="boton2">slideUp()</button>
<div style="width:300px;height:60px;overflow:hidden;float:right">
    <div id="uno" style="background:red;height:60px"></div>
    <div id="dos" style="clear:both;background:blue;height:60px"></div>
</div>

Código Javascript:

Ver original$(document).ready(function(){
    $('#boton').click(function(){
        $('#uno').slideDown();
    });
 
    $('#boton2').click(function(){
        $('#uno').slideUp();
    });
});

liberenatu · #4 (**permalink**) 06/01/2013, 08:26

los saltos en internet se deben a que la etiqueta imagen tiene borde elimínalo
border: none;