• User Attivo

    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.