Ciao a tutti
codice:
<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>
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? grazie