Menu css non funzionante con IE8

**mr.fifteen** · 11-11-2009, 19:41

Ho un problema con IE8... Avevo un sito perfettamente funzionante poi magicamente con l'avvento di IE8 mi sono accorto che i menù hanno smesso di funzionare. Posto il codice.

codice:

    
<div id="menu">
    <ul>
         <li id="azienda">Azienda
         <li id="vemlab">Vemlab
         ...[/list]
</div>

e il css

codice:

#menu {
width: 259px; 
height: 229px;
background-color: #e1e1e2;
} 
 #menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu ul a {
	display: block;
	margin-bottom: 2px;
	margin-left: 12px;
	padding-left: 18px;
	vertical-align: middle;
	height:26px;
	background-color:#99b7b1;
	text-indent: -1000px;
}
#menu ul a:hover {
        color: #fff;
        background-color: #2c8270;
}
#menu ul a:visited {
	display: block;
	margin-bottom: 2px;
	margin-left: 12px;
	padding-left: 18px;
	vertical-align: middle;
	height:26px;
	background-color:#99b7b1;
	text-indent: -1000px;
}

come posso fare per farlo funzionare anche con l'8?
grazie
F

**Shores** · 11-11-2009, 19:46

Ma che cos'è che non funziona? Non lo hai detto...

**mr.fifteen** · 11-11-2009, 19:53

fondamentalmente non è più linkato...
questo è il sito...
VEM

**Shores** · 11-11-2009, 20:36

Perdonami la franchezza, ma il codice della pagina è bel po' pastrocchiato, soprattutto per il fatto che la doctype che usi è quella dell'HTML, mentre il codice è un po' XHTML e un po' PESSIMO HTML, visto che chiudi i tag su se stessi con lo / ma contemporaneamente usi tag tutti maiuscoli e attributi senza le virgolette intorno (tutte cose vietatissime in XHTML)...

Io ho provato a sistemare queste cose in un pezzetto di codice che ti posto qui sotto, e guardacaso così funziona tutto...

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 25 March 2009), see www.w3.org" />
    <title>
      VEM Italia
    </title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <link rel="stylesheet" type="text/css" href="VEM%20Italia_file/vem_principale.css" />
    <link rel="stylesheet" type="text/css" href="VEM%20Italia_file/vem_home.css" />
    <link rel="stylesheet" type="text/css" href="VEM%20Italia_file/vem_ita.css" />
  </head>
  <body>
    <div id="container">
      <div id="high">
        <div id="left">
          <div id="logo">
            [img]VEM%20Italia_file/logo.gif[/img]
          </div>
          <div id="menu">
            <ul>
              <li id="azienda">
                Azienda
              
              <li id="vemlab">
                Vemlab
              
              <li id="gamma">
                Gamma
              
              <li id="servizi">
                Servizi e garanzia
              
              <li id="concessionari">
                Concessionari
              
              <li id="pubblica">
                Pubblica amministrazione
              
              <li id="news">
                News ed eventi
              [/list]
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

**mr.fifteen** · 12-11-2009, 02:28

mannaggia, io ho fatto controlli con w3c e mi da "This document was successfully checked as XHTML 1.0 Transitional!"
Quindi ho dato per scontato che fosse tutto giusto, i meta tag li ho copiati da un altro sito, parecchio codice viene generato da dw (lo so bestemmia, ma è così comodo) e cosa intendi per chiudi i tag su se stessi? e uso Tag tutti maiuscoli?

Ho copiato e incollato il tuo codice nella pagina prova.asp del sito e mi funziona... ho fatto le modifiche sulla home e non funziona... non riesco a capire dov'è il problema materialmente...

**Shores** · 12-11-2009, 12:06

Devi essere certo che:

1) la doctype che risulta nel tuo sito sia ESATTAMENTE IDENTICA a quell che ti ho dato io
2) tutti i tag siano scritti in minuscolo: <a> e NON <A>
3) tutti gli attributi siano tra virgolette: <a href="pippo.asp"> e NON <a href=pippo.asp>

Se ancora così non funziona, comincia a togliere elementi dalla tua home provando ogni volta finchè non funziona, così capisci cos'è che gli dà fastidio.

Ti confesso che guardando il tuo layout mi è venuto da pensare, perchè usi TUTTI e SOLI div con il float, cosa che io non farei assolutamente; per esempio, non hai nessun bisogno di dare un padding (o margin, non ricordo) così grande al footer, basta che tu gli dica clear:both perchè lui si ritrovi sotto a tutto.

**mr.fifteen** · 12-11-2009, 13:42

scusa... sto sbattendo la testa sul sito da stamattina...
per prima cosa ti ringrazio per gentilezza e soprattutto chiarezza
però ci sono un paio di cose che non mi tornato... e scusami se ti rompo, ma voglio capire perchè non funziona.
capisco poco di doctype, ma la mia è

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

quella che mi hai scritto tu

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

mi sembrano uguali, solo che tu sei andato a capo e io no... però io ho fatto copia incolla del tuo codice e il menù continua a non andare.
per quanto riguarda i tag non me ne risultano maiuscoli o senza virgolette, ma se mi dici che li vedi ci credo, ma volevo capire dove sono...
un altra cosa il mio tag footer ha come unica specifica align center, non ha padding o margin gli altri div hanno effettivamente il float, non conosco le funzioni della proprietà clear, mi informerò, grazie mille.

**Shores** · 12-11-2009, 14:05

Scusami, per il footer ho guardato meglio: quello che intendevo è che ti diventa alto 833px, e sembra sovrapporsi al resto del layout, prova a dargli clear:both, dovrebbe risultare di un'altezza più ragionevole.

Quanto al fatto che ancora non funzioni, ribadisco: prova ad eliminare (proprio TOGLIERE i tag dall'HTML) ad una ad una le varie div che non sono il menu, finché non trovi quella che gli dà fastidio: il fatto che se usi ESATTAMENTE il codice che ti ho postato tutto funzioni significa che a dare fastidio è qualcuna delle cose che nel mio codice NON ci sono e nel tuo si...

Discussione: Menu css non funzionante con IE8

Strumenti discussione

Ricerca discussione

Visualizza

Menu css non funzionante con IE8

Permessi di invio