Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di moonba
    Registrato dal
    Jun 2007
    Messaggi
    649

    problema con footer in firefox

    ciao a tutti ,come da titolo,ho un problema con la visualizzazione del footer in firefox.
    come si vede:





    il footer in ie si vede bene e all'ineato sotto il container principale dell'intera struttura mentre con firefox sui vede spostato tutto a sinistra.
    il riquadro rosa e quello rosso hanno il float,quindi prima del footer ho inserito un div con proprietà clear ma non funziona.
    questo è il codice xhtml:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>index</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
    
    </head>
    
    <body>
    <div id="container">
       <div id="header">
       <div id="menu">
    	<ul>
    		[*]link
    		[*]link
    		[*]link
    		[*]link
    		[*]link
    		[*]link
    	[/list]
    </div>
    
    </div>
    <div id="subcontainer">
    <div id="coleft"> Lorem ipsum dolor sit amet, consectetuer adipiscing eliLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing eliiaLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
    <div id="colright">Lorem ipsum dolor sit aaliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing eliLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing eli</div>
    <div id="colcenter">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing eliLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing eliLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing eliLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing eliLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing eliLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing eliLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquet elit id augue. Duis rutrum. Praesent massa lectus, malesuada ut, sollicitudin eu, adipiscing id, lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing eli
    </div>
    </div>
    </div>
    <div class="clear"></div>
    <div id="footer">texttextexetetetetextextex</div>
    
    
    </body>
    </html>
    e questo è il css:
    codice:
    #container{
    width:932px;
    min-height:600px;
    text-align:left;
    background-color:#F2F2F2;
    margin: 0px auto;
    margin-top: 100px;
    
    }
    #header{
    width:914px;
    height:131px;
    background-image:url(img/bgheader.gif);
    background-repeat: repeat-x;
    background-position: top left;
    margin: 0px auto;
    }
    #subcontainer{
    	width:912px;
    	margin: 0px auto;
    	padding: 10px 0px 0px 0px;
    	background-color:#FFFFFF;
    	border-left: 2px solid ;
    	border-right:2px solid ;
    	border-color: #E2E2E2;
    	}
    	#coleft
    	{
    float:left;
    background-color:#FFCCFF;
    width:160px; /* Dimensioni per Opera 5 */
    width:170px; /* Dimensioni per Explorer 5.x */
    width:160px; /* Dimensioni per browser standard compliant */
    height:300px;
    min-height:300px;
    padding:1em 0 0 10px
    }
    #colright
    {
    background-color:red;
    float:right; 
    width: 160px; 
    width:170px; 
    width:160px;
    height:300px;
    min-height:300px; 
    padding:1em 5px
    }
    #colcenter{
    background-color:green;
    margin:0 170px;
    min-height:300px; 
    padding:1em 10px;
    
    }
    
    #footer{
    border-top: 2px solid ;
    border-bottom: 2px solid ;
    	height:30px;
    	width:932px;
    	border-color: #E2E2E2;
    	
    
    } 
    .clear{
    clear:both
    }

  2. #2
    fai cosi:

    <div id="footer">
    <div id="testo_footer">
    texttextexetetetetextextex
    </div>
    </div>


    #footer{
    border-top: 2px solid ;
    border-bottom: 2px solid ;
    width:100%;
    border-color: #E2E2E2;



    }
    #testo_footer{
    height:30px;
    width:932px;
    margin:0 auto;
    }

    non lo hoprovato ma dovrebbe andare al volo

    edit: se vuoi il testo centrato devi dare anche text-align: center;

    CIAO

  3. #3
    Utente di HTML.it L'avatar di moonba
    Registrato dal
    Jun 2007
    Messaggi
    649
    sisi avevo risolto.grazie cmq

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.