- Home
- Categorie
- La Community Connect.gt
- Tutto sulla Community
- Problemi Con Footer in IE 6
-
Problemi Con Footer in IE 6
Ho un problema con il footer di un sito che sto realizzando, in pratica: il footer è fuori il wrapper e in ie6 se ne va troppo in fondo lasciando uno spazioa bianco esagerato.
Css
body { background-image: url(../images/bg_menu.jpg); background-repeat: repeat-x; background-position: center 167px; } div.wrapper { width: 976px; margin-right: auto; margin-left: auto; clear: both; } div.header { height: 170px; } div.menu_up { width: 100%; float: left; background-image: url(../images/menu_alto.jpg); background-repeat: no-repeat; background-position: right top; height: 30px; } div.navigation { float: left; width: 100%; } div.container { background-image: url(../images/content_home.jpg); background-repeat: no-repeat; width: 976px; float: left; margin: 0px; padding: 0px; height: 572px; } div.siderbar { height: 572px; width: 260px; float: left; } div.content { width: 716px; float: left; height: 572px; } div.footer { width: 100%; background-image: url(../images/bg_foot.jpg); background-repeat: repeat-x; height: 269px; clear: both; } div.block_foot { width: 976px; margin-right: auto; margin-left: auto; clear: both; }
Html
<body> <!--Apertura wrapper--> <div class="wrapper"> <!--Apertura Header--> <div class="header"> <!--Apertura menu alto--> <div class="menu_up"> <!--Apertura lista lingue--> <ul class="ling"> <li class="list_menu_ling"><img src="images/sicurezza_italiana.jpg" width="25" height="16" alt="Italiano" /></li> <li class="list_menu_ling"><img src="images/security_english_black.jpg" width="25" height="16" alt="English" /></li> </ul> <!--Chiusura lista lingue--> <!--Apertura lista menu--> <ul class="menu_alto"> <li class="list_menu_alto">Home</li> <li class="list_menu_alto">Contatti</li> <li class="list_menu_alto">Sitemap</li> </ul> <!--Chiusura lista menu--> </div> <!--Chiusura menu alto--> <img src="images/sicurezza.jpg" width="445" height="117" alt="Sicurezza" /> </div> <!--Chiusura Header--> <!--Apertura Navigation--> <div class="navigation"> <ul class="menu" id="menu"> <li><a href="#" class="menulink">Cho</a></li> <li><a href="#" class="menulink">Presee</a></li> <li><a href="#" class="menulink">Formne</a></li> <li><a href="#" class="menulink">Centr</a></li> <li><a href="#" class="menulink">Si</a> <ul><!--Sub menu--> <li><a href="#">Navigation Item 1</a></li> <li><a href="#">Navigation Item 2</a></li> <li><a href="#">Navigation Item 3</a></li> <li><a href="#">Navigation Item 4</a></li> <li><a href="#">Navigation Item 4</a></li> <li><a href="#">Navigation Item 5</a></li> </ul><!--Fine Sub menu--> </li> <li><a href="#" class="menulink">Sed</a></li> <li><a href="#" class="menulink">Sed</a></li> <li><a href="#" class="menulink">Gl</a></li> <li><a href="#" class="menulink">Jo</a></li> </ul> <script type="text/javascript"> var menu=new menu.dd("menu"); menu.init("menu","menuhover"); </script> </div> <!--Chiusura Navigation--> <!--Apertura Conteiner--> <div class="container"> <!--Apertura Siderbar--> <div class="siderbar"> </div> <!--Chiusura Siderbar--> <!--Apertura Content--> <div class="content"> </div> <!--Chiusura Content--> </div> <!--Chiusura Container--> </div> <!--Chiusura Wrapper--> <!--Apertura Footer--> <div class="footer"> <!--Apertura block foot--> <div class="block_foot"> </div> <!--Chiusura block foot--> </div> <!--Chiusura Footer--> </body>
Grazie in anticipo.