• User

    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.


  • Super User

    Ciao 🙂

    E' un comportamento di fatto presente.

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

    :ciauz:


  • User

    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! 🙂


  • Super User

    @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>
    
    

    :ciauz:


  • User

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