Perchè questo menu in firefox è ok e in ie no?

**dario79** · 10-02-2007, 17:51

ciao ragazzi non mi spiego questa rientranza che vedo solo in IE (sia 6 che 7)

vi posto il codice

codice:

 
<body><div class="shiftcontainer">
  <div class="shadowcontainer">
<div class="innerdiv">

  <div class="glossymenu">[*]&gt;&gt; Home&gt;&gt; Consulenza&gt;&gt; Servizi&gt;&gt; Prodotti&gt;&gt; Articoli&gt;&gt; Faq&gt;&gt; Web News &gt;&gt; Cerca&gt;&gt; Links&gt;&gt; Directory
      </div>
</div>
</div>
</div>
</body>

mentre il suo CSS è:

codice:

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	}	
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.glossymenu{
	list-style-type: none;
	padding: 0;
	width: 120px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 1px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 120px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}




<![if !IE 6]>



.shiftcontainer{
position: relative;
left: 2px; /*Number should match -left shadow depth below*/
top: 2px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 120px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
position: relative;
left: -3px; /*shadow depth*/
top: -2px; /*shadow depth*/
}

</style>

<![endif]>

grazie

**dario79** · 10-02-2007, 17:53

ho questo:

**Mich_** · 12-02-2007, 10:57

Non ho analizzato bene il codice, ma quella cosa e` tipicamente data da uno spazio (un acapo, qualcosa) che non gli piace.
In pratica se metti un acapo tra due blocchi che devono stare vicini (tra il > e il successivo <), IE lo prende come spazio e ce lo infila da qualche parte nella pagina.

Di solito se ne va se fai una delle seguenti operazioni:
- passi a XHTML 1.0 Strict
- elimini lo spazio dal codice (anche a costo di perdere la formattazione logica del codice)

**dario79** · 13-02-2007, 10:28

ho guardato per bene ma non ho trovato il problema

l'&gt è il segno del > ma non ho trovato spazi e a capo

date un'occhiata voi che magari avete un occhio + clinico del mio?

grazie!

**Mich_** · 13-02-2007, 10:54

Posta il link alla pagina: con quel poco codice HTML postato non si riesce a vedere.
Comunque in quel poco mi pare di notare un errore:

codice:

<div class="glossymenu">[*]<a hre

Dove sta il tag <ul>? Perche` c'e` un[*] figlio diretto di un <div>?

E lo spazio di cui parlavo, e` proprio quello tra enu"> e [*]< : li devi mettere attaccati, per far contento IE (in qualche versione).

Discussione: Perchè questo menu in firefox è ok e in ie no?

Strumenti discussione

Ricerca discussione

Visualizza

Perchè questo menu in firefox è ok e in ie no?

mentre in Firefox

mmm

Permessi di invio