Un piccolissimo esempio.
La tua pagina:
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>
<link rel="stylesheet" href="stile.css" type="text/css" media="screen" />
</head>
<body>
<div id="contenitore">
<div id="menu">MenuMenuMenuMenuMenuMenuMenuMenuMenuMenuMenuMenuMenuMenuMenu</div>
</div>
</body>
</html>
Il tuo CSS:
codice:
body, html{
width: 100%;
margin: 0;
padding: 0
}
#contenitore{
width: 95%;
margin: 0 auto;
border: 1px solid red
}
#menu{
border: 1px solid blue;
text-align: center
}
I bordi li ho messi per farti distinguere i div.
Al div "contenitore" è applicata la regola "margin: 0 auto" che lo allinea al centro, orizzontalmente, rispetto al suo contenitore, in questo caso il "body".
Questa regola non funziona su IE dalla versione 6 in giù, ma al div "menu" è applicata la regola del "text-align: center".
Naturalmente è un semplicissimo esempio. Da implementare o variare a seconda del progetto finale.
Permessi di invio
Rispondi quotando