Ecco il sistema per centrare i Template dei vostri Blog Splinder, senza utilizzare le tabelle.
La modifiche sono nel css del template.
Dovremmo editare il “body” e creare un nuovo id, ovvero l’id “#container” che conterrà al suo interno il div per l’header, il div per il post e il div per la colonna, come al solito.

body {
margin: 0;
padding: 0;
text-align:center; /* questi servono a centrare la pagina su iexplorer 5, poi il testo verrà riallineato a sinistra */
color:#cccccc;
background-color:#333333;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container {
margin-left:auto;
margin-right:auto; /* margin ai lati automatici per centrare il template con qualsiasi browser diverso da ie5 */
text-align:left; /* per ripristinare l’allineamento a sinistra */
margin-top:0;
margin-bottom: 0;
padding: 0;
width:760px; /* definire la larghezza del template, cioè quella dell’header grafico N.B. 760px è la dimensione minima per una risoluzione 800 x 600 */
}
Il codice del template, nel body, verrà così:

[...]
<div id=”container”>
<div id=”header”><img src=”header del template” alt=”nome blog” width=”760″ /></div>
<div id=”post”>Tutto il codice blogger per far funzionare i post</div>
<div id=”colonna”>Tutti i box e le tag che si trovano nella colonna</div>
</div>
[...]

Se avete dubbi e problemi non esitate a chiedere!

Related Posts