Div centrato

**snap_ml2** · 08-06-2007, 12:37

Salve,
vorrei realizzare un sito con un div centrato sia orizzontalmente che verticalmente. E tutto il sito dovrebbe essere visualizzato in questo div.
Non riesco pero' a trovare un layout o un esempio con questo style per creare qualcosa che sia xhtml standar.
Qualcuno ha qualche idea a riguardo?
Grazie

**Wynaut** · 08-06-2007, 13:41

Testato funzionante su IE 5.x e FF 1.x ^_-

codice:

<html>

<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 2</title>
<style type="text/css">
#centro {
	width:100%;
	height:100%;
	border:0px solid;
	text-align:center;
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0;
}
</style>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table id="centro">
	<tr>
		<td>Sono centrato sempre e comunque :D!</td>
	</tr>
</table>

</body>

</html>

**Mega69** · 08-06-2007, 20:27

Insomma, a tabelle...

Prova con questo invece:

codice:

<html>

<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 2</title>
<style type="text/css">
#container {
        display:block;
	width:100%;
	height:auto;
	text-align:center;
        margin:0px;
}

#sito {
        position:relative;
        display:block;
        margin:0px auto;
        width:700px;
        height:400px;
        top:50%;
        margin-top:-200px;
}
</style>
</head>

<body>
  <div id="container">
    <div id="sito">
      Contenuto...
    </div>
  </div>
</body>

</html>

Mettici un doctype ovviamente

**ML2002** · 17-06-2007, 12:23

Grazie ragazzi!!

Discussione: Div centrato

Strumenti discussione

Ricerca discussione

Visualizza

Div centrato

Grazie

Permessi di invio