Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : dex82 09 Feb 2010, 11:04:37

: Problema sovrapposizione posizione top e user 3
: dex82 09 Feb 2010, 11:04:37
Ciao a tutti, avrei un piccolo problemino con questo sito:
http://www.pinemotori.it/Pinemotori/index.php

in pratica con Firefox ed explorer 8 direi che è tutto abbastanza ok, ma con explorer 7 ho il problema che il menu in alto quando vengono fatte scendere le tendine del sottomenu vanno ad infilarsi sotto la chat, sapreste indicarmi come potrei risolvere?
Grazie mille
: Re:Problema sovrapposizione posizione top e user 3
: tonicopi 09 Feb 2010, 11:10:58
E'quasi certamente una questione di z-index
Devi individuare i div ai quali applicare un z-index maggiore di quello che contiene la chat...  ;)
: Re:Problema sovrapposizione posizione top e user 3
: dex82 09 Feb 2010, 11:33:58
gentilissimo, ora cerco nel forum, ma dove gli trovo i z-index da modificare perchè nel css del template non ci sono :o
: Re:Problema sovrapposizione posizione top e user 3
: tonicopi 09 Feb 2010, 14:30:32
Devi individuare, usando firebug, quali sono di div dove applicare la regola z-index:valore; da mettere all'interno del div. Esempio:
questo
div#sopra {
z-index:2;
}
mostrerà i contenuti sopra a questo
div#sotto{
z-index:1;
}
 ;)
: Re:Problema sovrapposizione posizione top e user 3
: dex82 09 Feb 2010, 15:06:23
Se non ho capito male ho individuato questo per il menu:

#top_menu_inner (linea 44)
{
height: 38px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 2px;
}

e questo per la chat

#top_menu_top_inner (linea 61)
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
overflow-x: hidden;
overflow-y: hidden;
color: #cfcbc2;
}

e devo modificarli cosi:

#top_menu_inner (linea 44)
{
height: 38px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 2px;
z-index:2;
}


#top_menu_top_inner (linea 61)
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
overflow-x: hidden;
overflow-y: hidden;
color: #cfcbc2;
z-index:1;
}

solo che non funziona, a meno di non aver sbagliato div ma firebug mi da questi.

grazie ancora intanto