Ciao a tutti
in questo codice il link presente nel body (images/entra) viene visualizzato su firefox senza problemi, mentre in internet explorer devo ridimensionare la finestra per visualizzarlo. qualcuno sa darmi una mano? graziecodice:<html> <head> <style> html, body { margin:0px; padding:0px; background:#018ebb; overflow:hidden; } .header { background:#018ebb; overflow:hidden; height:80px; } .content { background : #ffffff; position:relative; overflow:hidden; } .footer { background:#018ebb; overflow:hidden; height:90px; } .footer a { display:block; text-align:center; line-height:40px; position:relative; z-index:10000; } .content img { width:100%; } #hidden-box { position:absolute; width:100%; height:100%; top:0; left:0; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> $.getDocHeight = function(){ var mathMax = Math.max( $(document).height(), $(window).height(), /* For opera: */ document.documentElement.clientHeight ); console.log(mathMax); return Math.max( $(document).height(), $(window).height(), /* For opera: */ document.documentElement.clientHeight ); }; var currentHeight = 0; $(window).bind({ 'resize' : function () { $('.content').height($('#hidden-box').height()-($('.header').height()+$('.footer').height())); console.log($('#hidden-box').height()); } }); $(document).ready(function () { $(window).trigger('resize'); }); </script> <script type="text/javascript" src="xfade2.js"></script> </head> <body id="body"> <div id="hidden-box"></div> <div class="header"> [img]images/top_home.png[/img] </div> <div class="content" id="slideshow"> [img]images/aereo.jpg[/img] [img]images/aereo2.jpg[/img] [img]images/carro.jpg[/img] [img]images/carro2.jpg[/img] </div> <div class="footer"> [img]images/entra.png[/img]</p></p> </div> </body> </html>

Rispondi quotando