centrare template joomla

[lorenzo.74]

centrare template joomla

Sto rielaborando un template per la creazione di un nuovo sito.
La prima modifica che ho fatto è bloccare la larghezza della pagina a 780px, visto che di default il template adattava la pagina in base alla risoluzione, mentre a me piace (a livello visivo) più fisso!
Solo che ora il template risulta allineato al bordo sinistro del monitor, lasciando tutto lo spazio libero a destra.
Potreste consigliarmi su come inserire la stringa di testo nel css per visualizzarlo centrato?
Grazie!

[pikadilly]

Ciao Lorenzo,
devi toccare i margini della stessa regola che hai modificato impostando la larghezza. Poniamo il caso che si chiami #contenitore, devi scrivere così:

width: 780px;
margin-left:auto;
margin-right:auto;
}

Non so quante altre dichiarazioni ha il div del tuo contenitore, comunque per centrare il tutto devi impostare i margini destra e sinistra ad Automatico, ovviamente dopo aver dichiarato la larghezza del div.

Un'altra pillola...

Se vuoi centrare il div contenitore anche su IE 5 devi andare nella regola body e scrivere text-align: center; per ovviare all'ovvio problema dei testi che si centrano metterai nel div la dicitura **text-align: left;.
**Questo lo si fa solo per IE 5 e 5.5 perchè se non ricordo male non riconoscono la presenza dei margini.

Spero di averti aiutato.

[lorenzo.74]

Ciao pikadilly
Grazie per la risposta

Ho provato ma non me lo fa
Ti incollo la parte interessata

/* Body */
BODY {
margin: 0px 0px 0px 0px;
width: 780px;
margin-left: auto;
margin-right: auto;
background-color: #333300;
color:;
scrollbar-3dlight-color:;
scrollbar-base-color: #003366;
scrollbar-darkshadow-color:;
scrollbar-face-color: #336699;
scrollbar-highlight-color:;
scrollbar-shadow-color:;
scrollbar-track-color:;
scrollbar-arrow-color: #FFFFFF;
}
td,tr,p,div {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:;
}

Il template risulta sempre accostato a sinistra!
ps: ho provato anche a togliere la prima riga (margin: 0px 0px 0px 0px) ma è uguale!

ps2: ho aperto con firefox e risulta centrato.
Quindi è un problema di internet explorer (versione 7)

[lorenzo.74]

Credo di aver risolto (andando per tentativi).
Ora lo vedo centrato sia con IE7 che con FF
(non so se va dene anche per le versioni precedenti)

ho modificato così

/* Body */
BODY {

**width: 780px;
 margin-left:auto;
 margin-right:auto;**
background-color: #333300;
color:;
scrollbar-3dlight-color:;
scrollbar-base-color: #003366;
scrollbar-darkshadow-color:;
scrollbar-face-color: #336699;
scrollbar-highlight-color:;
scrollbar-shadow-color:;
scrollbar-track-color:;
scrollbar-arrow-color: #FFFFFF;
}

td,tr,p,div {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
color:;
}

[pikadilly]

E' un template datato..dovrei vederlo però se hai risolto va bene, no?

[lorenzo.74]

Il Template è "bassnote".
Diciamo che ho risolto, per i browser che ho potuto modificare!
Spero che lo sia anche per gli altri
Ciao e grazie!

[pikadilly]

Come pensavo, è pieno di tabellacce.
Nel caso quando lo hai finito lo testiamo sui vari browser.

[lorenzo.74]

se dici così abbandono subito!
Tanto sono solo all'inizio!
Suggerimenti su free template decenti?

[pikadilly]

Quì ce ne sono di bellini...
http://www.joomlaos.de/joomla_template_galerie.html

[lorenzo.74]

Grazie
Qualcuno già l'ho visto (sul sito di joomla)
Altri mi pare di no!
Focalizzerò l'attenzione su questi ultimi
Ciao