centrare layout con IE

**ANTAGONIA** · 04-03-2011, 13:51

Buon giorno, non so come centrare il layout del sito con IE.
So che devo utilizzare i commenti condizionali, e creare un css apposito per IE, però quali sono i parametri che devo utilizzare?

Questa è la struttura del sito...quella principale:

codice:

<div id="wrapper">
       <div id="menuAccessibilita">
       </div>
       <div id="menuTop">
       </div>
       <div id="header">
       </div>
       <div id="page">
       </div>
</div>
<div id="footer">
</div>

Questa è la struttura del css, posto soltanto le parti relative ai div in questione:

codice:

body {
	/*margin: 30px 0px 0px 0px;*/
	margin:0;
	padding: 0;
	/*background: #000;*/
	/*background-color: #FFF;*/
	background: url('../images/bg.png') repeat left top;
	text-align: justify;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

#header {
	width: 940px;
	margin: 0 auto;
	-moz-box-shadow:  0 3px 3px rgba(0, 0, 0, 0.5);
  	-webkit-box-shadow:  0 3px 3px rgba(0, 0, 0, 0.5);
  	box-shadow:  0 3px 3px rgba(0, 0, 0, 0.5);
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#page {
	width: 940px;
	min-height:1200px;
	margin: 0 auto;
	padding: 0;
        -moz-box-shadow: 0 5px 4px 3px #d6d8d8;
  	-webkit-box-shadow: 0 5px 4px 3px #d6d8d8;
 	box-shadow: 0 5px 4px 3px #d6d8d8;
	overflow:hidden;
}

#content {
	float: left;
	min-height:1200px;
	width: 540px;
	margin: 24px 20px 0 20px;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
}

/* Footer */
#footer {
	background-color:#FFF;
	width: 960px;
	height: 80px;
	margin: 0 auto;
	padding: 0 20px;
	border: 0px solid #2C4449;
}

#footer p {
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #737373;
}

Quindi per internet explorer come dovrei comportarmi?
Grazie mille come sempre

**grandeorco** · 04-03-2011, 17:39

io uso un po di javascript

questa funzione:

codice:

function centra_contenuti(){
var larghezza=document.body.offsetWidth;
var altezza=document.body.offsetHeight;

if (larghezza>960){
var margine_sinistro=(larghezza-960)/2;
document.getElementById("wrapper").style.marginLeft=margine_sinistro+"px";
document.getElementById("wrapper").style.display="block";
}
if (larghezza<960)
{document.getElementById("wrapper").style.display="block";
document.getElementById("wrapper").style.marginLeft=0+"px";

}
}

e attivo la funzione cosi

<body onresize="centra_contenuti();" onload="centra_contenuti();">

mentre il css di wrapper deve essere

codice:

#wrapper {
	width: 960px;
             display:none;
             padding:0px;
}

A me funzione su ie ff e chrome

Discussione: centrare layout con IE

Strumenti discussione

Ricerca discussione

Visualizza

centrare layout con IE

Permessi di invio