ho questo body
ma tutto il contenuto è allineato a sinistra, è possibile agire su questo css per centrare tutto il contenuto della pagina?Codice PHP:body {
padding: 0px;
background-color: #ffffff;
font-family: arial, verdana, helvetica;
font-size: small;
width:980px;
margin: 10px;
}
Hosting, VPS, SSL e Domini: https://www.blooweb.it
Non è esatto...il body non può essere centrato. Possono essere centrati i suoi contenuti. IE ovviamente non segue gli standard, ma si fa i suoi, così bisogna agire tramite due regole di stile. Per prima cosa è importante racchiudere tutti i contenuti della pagina che si vogliono centrare nel body in un box (un div, magari con id="container"). Poi le regole per centrarlo saranno:
codice:body { text-align: center; /* Centra i box contenuti nel body per IE */ } #container { text-align: left; /* Ripristina l'allineamento del testo a sinistra nel box #container e nei suoi discendenti */ margin: 0 auto; /* Centra il box #container nel body per i browser aderenti agli standard */ }
ho messo un DIV che parte da <body> a </body> con questi parametri
con le ultime versioni di firefox, IE 7 e Opera funziona alla perfezioneCodice PHP:#contenitore {
position:absolute;
left:50%;
width:980px;
margin-left:-490px;
}
Hosting, VPS, SSL e Domini: https://www.blooweb.it
Sì, ma la tecnica del posizionamento assoluto con margini negativi non è propriamente indicata per ottenere la sola centratura orizzontale del contenitore. Ci sono browser che non riescono ad interpretarla. Quella tecnica è indicata quando devi centrare un box con altezza e larghezza fisse sia orizzontalmente che verticalmente all'interno del body.
Permessi di invio
Rispondi quotando