- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Spazio vuoto alla fine del sito
-
Spazio vuoto alla fine del sito
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
<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
@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; } { height: 310px; width: 980px; } #percorso { height: 51px; width: 980px; margin: auto; background-color:; } #contenuto { width: 980px; height: 435px; } #footer { font-family: Verdana, Geneva, sans-serif; margin: auto; height: 25px; width: 980px; background-color: #313131; }
-
Se ci fosse stato il sito da vedere sarebbe stato meglio, comunque ti consiglio se non lo hai già fatto di fare un reset generale dei css all'inizio del file .css del tuo sito, come saprai tanti elementi della pagina sono impostati in maniera prefefinita diversamente da browser a browser.