- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Jquery: strano comportamento MSIE
-
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.
-
Ciao
E' un comportamento di fatto presente.
Controllerei due cose nello stile, l'altezza che attualmente è zero, e poi il max-height
-
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!
-
@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>
-
Grazie, anche se il comportamento tra IE w FF è sempre diverso
ciao!