Jquery: strano comportamento MSIE

doz

Jquery: strano comportamento MSIE

Ciao.
Se potete darmi una mano... sto orora provando a vedere cosa fa Jquery, e già vedo differenze fra i browser usati (MSIE/win, FF/osx, safari/osx).
Qui l'esempio: http://www.dozarte.com/jquery/
Il più strano è il comportamento di Explorer7 sun Win (il **problema vero **è proprio), che al clic sul DIV giallo, prima di chiuderlo, lo ingrandisce in altezza!

ps: non preoccupatevi del fatto che abbia impaginato un SWF; una parte del test comprende pure quello.

claudioweb

Ciao

E' un comportamento di fatto presente.

Controllerei due cose nello stile, l'altezza che attualmente è zero, e poi il max-height

doz

Ciao, e grazie della risposta!

mmhh...
Non è che potresti gentilmente darmi un consiglio** "più pratico"** su come modificare il codice??
(tra l'altro vedo solo ora che su ie6/win si comporta in altro modo ancora...)

Grazie comunque!

claudioweb

@doz said:

consiglio** "più pratico"** su come modificare il codice??
Solo per esempio:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0030)http://www.dozarte.com/jquery/ -->
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<script src="jquery_file/jquery-latest.js"></script>
<script>
  $(document).ready(function(){

  $(document).ready(function(){
            $("#a1").animate({
        width: "90%",
                height: "90%",
                top: "0px",
                left: "0px"
      }, 500 );
 });

    $("#a2").click(function() {
            $("#a1").animate({
        width: "100%",
                height: "100%",
                top: "0px",
                left: "0px"
      }, 500 );
    });

    $("#a1").click(function() {
            $("#a1").animate({
        width: "0px",
                height: "0px",
                top: "50px",
                left: "50px"
      }, 500 );
    });

  });
  </script>
<meta content="MSHTML 6.00.6000.16544" name=GENERATOR>
</head>
<body>
<div id="a1" style="BORDER-RIGHT: #000000 1px; BORDER-TOP: 1px; Z-INDEX: 2; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: 1px; WIDTH: 100%; BORDER-BOTTOM: 1px; POSITION: absolute; TOP: 0px; max-HEIGHT: 110px; BACKGROUND-COLOR: #ffcc00; layer-background-color: #FFCC00;">
    <p>a1 cliccami ancora</p>
    <p>ciao! </p>
</div>
<div id="a2" style="BORDER-RIGHT: 1px; BORDER-TOP: 1px; Z-INDEX: 1; LEFT: 337px; BORDER-LEFT: 1px; WIDTH: 197px; BORDER-BOTTOM: 1px; POSITION: absolute; TOP: 107px; HEIGHT: 142px; BACKGROUND-COLOR: #66ccff; layer-background-color: #66CCFF">a2 
    cliccami!</div>
</body>
</html>

doz

Grazie, anche se il comportamento tra IE w FF è sempre diverso
ciao!