Problema CSS e IE

michferrero

Nuovo Utente
27 Giu 2011
1
0
0
Ciao a tutti,
innanzi tutto grazie per l'aiuto (a volte indiretto) che mi date con il mio lavoro. Ho sempre trovato le soluzioni con il pulsante cerca fino ad ora, ma questa volta non ci sono riuscito, quindi ho scelto di aprire questo post.
Ho un problema con i CSS di un portale, nel senso che su Firefox funziona alla stragrande, mentre su IE zoppica un po'. Il problema principale è questo:
Ho dei menu' nella parte alta del portale, che passando il mouse sopra dovrebbero apparire (il tutto gestito da CSS) e su FF funziona bene, mentre su IE non riesco a far apparire niente...

Vi inserisco un estratto della pagina HTML:
<ul id="mainNavigation">
<li>

<a href="#">Ordini</a>
<ul id="menuTendina">
<!-- Utente Uffico Acquisti -->
<li><a href="/TNTOCP/OpenInsertOrderPageCliente.do">Ordine cliente</a></li>
<li><a href="/TNTOCP/OpenInsertOrderPageFiliale.do">Ordine filiale</a></li>
<li><a href="/TNTOCP/ViewListOrder.do">Elenco ordini</a></li>
<li><a href="/TNTOCP/OpenDownloadReport.do">Download dati</a></li>

</ul>
</li>
<li><a href="/TNTOCP/logout.do">Logout</a><br></li>
</ul>
</div>

ed l'estratto CSS relativo all'azione:
#mainNavigation {
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
display: inline;
float: left;
height: 30px;
list-style: none outside none;
margin: 15px 0 0;
padding: 15px 0 0 10px;
width: 600px;
}

#mainNavigation ul {padding: 0; clear:both;}


#mainNavigation li {
float: left;
position: relative;
margin-right: 17px;
padding-bottom: 8px;
margin-bottom: -1px;
cursor:pointer;
width: 100px;
}

#mainNavigation li a {
color: #000000;
display: block;
font-family: tahoma,helvetica,sans-serif;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
}

#mainNavigation li a:HOVER {
color: orange;
}

#mainNavigation ul li a {
background: url("../_img/menu_bullet.gif") no-repeat scroll 7px 50% transparent;
display: block;
font-family: arial;
font-size: 11px;
height: 1%;
padding: 2px 7px 2px 18px;
text-transform: none;
}


#mainNavigation ul li a:hover {
background: url(../_img/menu_bullet_hover.gif) #eee 7px no-repeat;
color:#f60;
}

#mainNavigation li.active {
padding-bottom: 5px;
border-bottom: solid 3px #f60;
}

#mainNavigation .active a {color: #f40;}
#mainNavigation .active li a { color: #000;}

#mainNavigation ul {
background:#FFF;
position: absolute;
top: 1.3em;
left: 0;
width: 18em;
display: none;
margin-top: 5px;
border-bottom: solid 1px #ccc;
margin: 5px 0 0 0;
border: solid 1px #ccc;
border-top:3px solid #FF6600;
list-style: none;
width: 150px;
}

#mainNavigation ul li {
width: 100%;
margin: 0;
padding: 0;
}

#mainNavigation li>ul {
left: auto;
top: auto;
width: 100%;
}

#mainNavigation li:hover ul {
display: block;
visibility: visible;
}


Avete idee di come modificare tale CSS in modo che venga eseguito anche da IE?

Vi ringrazio anticipatamente...
 
Discussioni simili
Autore Titolo Forum Risposte Data
L problema collegamento file css con html HTML e CSS 1
S problema con css bootstrap3 HTML e CSS 4
Emix Problema con creazione form css/mobile HTML e CSS 3
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
A [WordPress] Problema CSS con diversi browser WordPress 4
S Problema con Form CSS HTML e CSS 1
berry94mf Problema con include e css PHP 1
V Problema Rollover con css HTML e CSS 1
M problema con media query CSS HTML e CSS 1
D Problema collegamento file css con html HTML e CSS 4
S Problema con il css di un font HTML e CSS 2
S Problema tabella datatables a causa dei css HTML e CSS 3
P Problema sovrapposizione di css HTML e CSS 1
A Problema gestione layout con css HTML e CSS 11
Andre7890 Problema CSS in Form Contatti HTML e CSS 7
F problema con sfondo CSS HTML e CSS 2
C Problema con il CSS per il comando text-align HTML e CSS 10
M css html problema con explorer help HTML e CSS 0
G problema con css PHP 9
novello88 Problema stampa CSS [Era: CSS print] HTML e CSS 1
B problema css HTML e CSS 3
B Problema di inserimento "menu con css" in pagina web "con tabelle" HTML e CSS 5
M Problema con css HTML e CSS 3
M problema css con ie8! help HTML e CSS 0
K problema con current css HTML e CSS 0
L problema con menù css HTML e CSS 1
T problema con i css ... explorer visualizza male... HTML e CSS 2
I Problema con i CSS su diversi browser HTML e CSS 3
I Problema compatibilità CSS HTML e CSS 1
I Problema CSS! HTML e CSS 3
M [Firefox/CSS] Problema immagine di sfondo centrata HTML e CSS 1
D problema css solo su chrome HTML e CSS 3
F CSS e IE problema HTML e CSS 0
S Problema con CSS IE 7 e XP HTML e CSS 2
O problema menu tendina css HTML e CSS 1
E [Problema] CSS su IE HTML e CSS 6
M Problema CSS nei widget con sfondo sfumato HTML e CSS 0
R Problema con i css in standard mode HTML e CSS 3
N [PHP+HTML+CSS] Problema con un div HTML e CSS 4
R problema con il css dei link HTML e CSS 2
S Piccolo problema con i CSS HTML e CSS 2
I Problema CSS con joomla e phpbb [Era: joomla e phpbb] Joomla 2
G Css, problema margine con explorer HTML e CSS 0
T problema Doctype css e anchor links(credo) HTML e CSS 0
T problema css e firefox HTML e CSS 0
F [CSS] Problema con IE e div fixed HTML e CSS 2
C problema strano css HTML e CSS 5
gladenko CSS e DIV problema di dimensionamento HTML e CSS 3
G Problema coi colori di un menu CSS HTML e CSS 3
R Problema con pop-pu in css HTML e CSS 4

Discussioni simili