Problemi visualizzazione sito con IE e Firefox

[vito2010]

Salve a tutti voi.
Ho visto l'intervento di qualche giorno fa di Ugo che si lamentava dei suoi problemi per la visualizzazione del sito.
Ebbene anch'io ho gli stessi problemi utilizzo un template siteground e ho rilevato problemi nella visualizzazione del sito con internet explorer e firefox. 
Ecco l'indirizzo del mio sito www.18gruppocaccia.it
Come potete vedere è un sito realizzato solo per passione e non per lavoro o denaro ed è il primo che faccio, quindi che dire se mi date una mano a risolvere il problema ve  ne sarò grato.
Vito
A dimenticavo la versione di joomla è la 1.5.15

[adottauncane]

Ciao Vito2010,
hai dolo il solo menù troppo lungo, ti scivola sotto e fa scivolare di conseguenza i contenuti e la colonna di destra. Probabilmente basta che accorci i nomi dei pulsanti o ne togli uno (o diminisci leggermente la grandezza del font)

template.css (riga 225)

Codice: [Seleziona]

#pillmenu li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/menu_li_a.jpg) no-repeat scroll left top;
color:#E4E4E4;
display:block;
float:left;
font-family:Verdana,Tahoma,sans-serif;
font-size:11px;
font-weight:normal;
line-height:34px;
padding:0 20px;
text-decoration:none;
}

font-size:11px; anziché 12px

EDIT: guarda la risposta di conti1 che è la più corretta per mettere a posto il top menù. Le ragioni sono quelle che ho scritto, ma la soluzione giusta è la sua...
Ciao

[conti1]

ciao
benvenuto nel forum

ciao
adottauncane

ma non e piu semplice visto che ha un padding  portarlo a 18?
che fagli togliere un a voce  ,?
qui

Codice: [Seleziona]

template.css (riga 225)


#pillmenu li a {
background:url("../images/menu_li_a.jpg") no-repeat scroll left top transparent;
color:#E4E4E4;
display:block;
float:left;
font-family:Verdana,Tahoma,sans-serif;
font-size:12px;
font-weight:normal;
line-height:34px;
padding:0 18px; <<qu1 hai 20 metti 18
text-decoration:none;
}

[adottauncane]

Hai ragione come sempre...
Però a me risulta la riga 225, come mai?

[conti1]

hai ragione errore mio di battitura

[vito2010]

Innanzitutto vorrei ringraziare sia conti1 che adottauncane per avermi risposto.
Ho visto che c'è del codice, ma io non so proprio dove mettere le mani, non l'ho mai fatto.
Potete essere un pò più chiari?
Togliere un menù, mi sembra un pò drastico.
Diminuire la grandezza dei font non riesco a capire come fare senza intervenire sul codice. C'è una soluzione? Se non ci dovesse essere, e l'unica sarebbe toccare il codice non è che mi spieghereste passo passo come fare?
Grazie
Vito

[ellezero]

ok, il percorso per fare quello che ti consigliano e'

in amministrazione
estensioni > gestione template > clicca sul nome del template predefinito > in alto a destra clicca il bottone "mod css" > a questo punto hai i tuoi file css clicca sul punti di template.css selezionandolo > in alto a destra bottone modifica.

a questo punto hai davanti a te le regole di cui ti parlavano con una ricerca nel testo trova
#pillmenu li a

e modifica secondo quanto ti ha detto conti1

Codice: [Seleziona]

template.css (riga 225)


#pillmenu li a {
background:url("../images/menu_li_a.jpg") no-repeat scroll left top transparent;
color:#E4E4E4;
display:block;
float:left;
font-family:Verdana,Tahoma,sans-serif;
font-size:12px;
font-weight:normal;
line-height:34px;
padding:0 18px; <<qu1 hai 20 metti 18
text-decoration:none;
}

[vito2010]

Salve e ancora grazie per la risposta. La spiegazione di ellezero è chiara.
Per il momento ho provato la prima soluzione, cioè quella di accorciare l'ultimo menù cioè invece di "guestbook 18°" solamente guestbook. La cosa sembra funzionare ma l'ho provato solo con firefox, domani provo con internet explorer.
Vorrei capire però un'altra cosa in merito alla soluzione relativa al codice del template citata da tutti voi che mi avete risposto, ecco la domanda:
cambiando il valore da 20 a 18 mi diminuisce solo la dimensione del carattere del top menù (quello responsabile del disallineamento per intenderci), oppure mi cambia l'altezza di tutti i caratteri dell'intero template?
Può sembrare una domanda banale, ma il dubbio mi è venuto.
Grazie ancora
Vito

[adottauncane]

No, se metti: padding:0 18px; <<qui hai 20 metti 18,
riduce impercettibilmente solo la lunghezza dei pulsanti, non si vede nemmeno, ma risolve il tuo problema.

Se avessi messo, come ti dicevo io:
font-size:12px; da 12px a 11px
avresti ridotto il corpo (la grandezza) solo dei testo del pulsanti. Ma si sarebbe visto di più.

Quella citata è una delle regole che "disegnano" il top menù.

Perciò la soluzione di conti1 è la migliore, praticamente invisibile ma risolutiva.

Ti conviene comunque provare la soluzione di conti1 e la mia tanto per vedere la differenza e cominciare a prendere confidenza con i .css. Tanto non è irreversibile 

Se posso consigliarti una guida che ti svelerà molti misteri dei .css prova a leggeri questo:
Installa Firebug per Firefox.
Qui il video tutorial
http://www.joomla.it/guide-e-video-guide/video-guide/3645-utilizzare-firebug-con-il-proprio-sito-joomla.html
qui un utilissimo articolo di tonicopi
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
e qui lo scarichi
https://addons.mozilla.org/it/firefox/search?q=firebug&cat=all&as=1&appid=1&lver=3.6&atype=0&pp=20&pid=3&sort=weeklydownloads&lup=
Potrai provare le modifiche direttamente da Firefox e poi riportarle sul file template.css

Buon lavoro!