problema con footer in firefox

**moonba** · 09-02-2009, 12:30

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
}

**ashtur1** · 11-02-2009, 10:11

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

**moonba** · 11-02-2009, 17:17

sisi avevo risolto.grazie cmq

Discussione: problema con footer in firefox

Strumenti discussione

Ricerca discussione

Visualizza

problema con footer in firefox

Permessi di invio