Avevo finito un sito, ma mettendolo on line (sul domininio) mi sono accorta che compariva uno spazio alla fine, dopo il footer, coem se ci fosse un altro div(che in realtà non c'è). Ho provato a rifare una pagina da zero, e mi da lo stesso identico problema. Solo su chrome! Prima che sia on line, invece, sembra tutto ok! Aiuto!!
Codice
HTML
Codice:
<body>
<div id="contenitore">
<div id="header"><img src="img/headerSocial.png" width="980" height="131" /></div>
<div id="slideImg">
<div id="slider" class="nivoSlider">
<img src="img/slider/slider00.jpg" alt="" />
<img src="img/slider/slider01.jpg" alt="" />
<img src="img/slider/slider02.jpg" alt="" />
<img src="img/slider/slider03.jpg" alt="" />
<img src="img/slider/slider04.jpg" alt="" />
<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="scripts/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</div>
</div>
<div id="percorso"></div>
<div id="contenuto"></div>
<div id="footer"></div>
</div>
</body>
</html>
Codice
CSS
Codice:
@charset "utf-8";
/* CSS Document */
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(img/pattern/pat02.jpg);
}
#slideImg {
width: 980px;
margin: auto;
}
#header {
height: 131px;
width: 980px;
text-align: center;
margin: auto;
}
#contenitore {
margin: auto;
width: 980px;
background-color: #131517;
}
#slideImg {
height: 310px;
width: 980px;
}
#percorso {
height: 51px;
width: 980px;
margin: auto;
background-color: #131517;
}
#contenuto {
width: 980px;
height: 435px;
}
#footer {
font-family: Verdana, Geneva, sans-serif;
margin: auto;
height: 25px;
width: 980px;
background-color: #313131;
}