Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Veritas 21 Nov 2009, 16:17:11
-
Ciao a tutti
ho un piccolo problemino di visualizzazione con il template in oggetto e ie6.
Se visualizzate questo sito demo con ie6 e ie7/8/firefox:
www.vercellidemo.com/uildemo (http://www.vercellidemo.com/uildemo)
vedrete che ie6 purtroppo visualizza il menu in alto a destra in modo errato.
Credo che il problema stia un questa parte di codice css:
ul#mainlevel-nav {
float: right;
list-style: none;
margin: 0px;
padding: 0px;
}
ul#mainlevel-nav li{
float: right;
padding: 0px;
line-height: 30px;
border-left: 1px solid #CCCCCC;
white-space: nowrap;
margin: 0px;
}
ul#mainlevel-nav li a{
color: #999999;
text-decoration: none;
display: block;
padding: 0px 20px;
}
ul#mainlevel-nav li a:hover{
text-decoration: none;
color: #FFFFFF;
display: block;
background-color: #4682B4;
}
.mainlevel-nav#active_menu-nav {
text-decoration: none;
color: #FFFFFF;
display: block;
background-color: #4682B4;
}
ci sto sbattendo la testa ma ormai ho solo confusione, c'è qualche anima pia che mi aiuta ad uscire dal marasma?
Lo so che ie6 andrebbe buttato nel.... ma purtroppo so che molti degli utenti che visualizzaranno quel sito quando sarà in produzione usano questa schifezza di browser.
Grazie ragazzi
Marco
-
ciao
unico modo che hai x sistemare e fare un css per ie6 e sei apposto.
-
ciao
unico modo che hai x sistemare e fare un css per ie6 e sei apposto.
e lo so :) ma il problema è che ci sto provando ma non riesco a venirne fuori, il css per ie6 l'ho piazzato ma non so cosa modificare.
Grazie per l'aiuto
Marco
-
Mi sono sbattuto tutto il pomeriggio ma ho risolto il problema di visualizzazione con ie6, scrivo il codice che ho modificato se dovesse servire ad altri.
ul#mainlevel-nav {
list-style:none;
overflow:hidden;
margin:0;
padding:1px;
/**/
}
ul#mainlevel-nav li{
display: inline;
}
ul#mainlevel-nav li a{
display:block;
float:right;
border-left: 1px solid #CCCCCC;
text-decoration:none;
color: #999999;
line-height:30px;
padding: 0px 20px;
}
ul#mainlevel-nav li a:hover{
background-color: #4682B4;
border-left:1px solid #CCCCCC;
color:#FFFFFF;
}
.mainlevel-nav#active_menu-nav {
text-decoration: none;
color: #FFFFFF;
background-color: #4682B4;
}
questo codice vale per internet explorer 6.
ciao a tutti
Marco
-
Bravo due volte: per essere riuscito a risolvere e per aver postato la soluzione! :)
-
Bravo due volte: per essere riuscito a risolvere e per aver postato la soluzione! :)
Grazie, lo spirito del forum è anche quello di condividere e non solo di farsi aiutare per cui se si può è giusto dire come si è risolto un problema.
Grazie per tutto il lavoro che fate per aiutare chi come me non è proprio bravissimo ma che cerca di imparare.
ciauuuuuuuu
Marco