problema con spazi tra tag li in un CSS per un menu a discesa...

[darkiko]

ok, ho scritto un titolo lungo quanto un'enciclopedia solo per dire questo:

stavo mettendo in pratica questa guida:
http://pro.html.it/articoli/id_544/i...pag_2/pag.html
per creare un menu con CSS+JS.

uso proprio lo stesso CSS, tutto ok tranne che, se a questa parte

div#nav a{
display: block;
padding-left: 15px;
height: 18px;
line-height: 18px;
border-top: 1px solid #FFF;
background-color: #BDBDBD;
color: #000;
text-decoration: none;
font-weight: bold;
}

tolgo l'altezza fissa di 18px, con FF funziona tutto bene, con IE invece tra gli elementi dell'elenco si crea uno spazio di qualche pixel, che ovviamente non cambia se anche imposto il margin a 0.

ora il fatto è questo, se lascio l'altezza fissa, se una voce del menu va su due righe IE "alza" lo spazio mentre FF no e le voci si sovrappongono; se tolgo l'altezza fissa (o se provo a metterla auto) IE lascia quel maledetto spazio vuoto...

perché IE lascia quello spazio?
come posso risolvere?

grazie mille (:

[andrea.paiola]

dai le proprietà che ti servono solo a IE
(tramite commenti condizionali per esempio)

[darkiko]

Originariamente inviato da andrea.paiola
dai le proprietà che ti servono solo a IE
(tramite commenti condizionali per esempio)

oki, grazie (:

ma diavolo, perché IE si "inventa" questo spazio?

ora imposterò il famoso ie.css... ma alcuni comportamenti di questo browser mi lasciano sempre più perplesso

[andrea.paiola]

Originariamente inviato da darkiko
alcuni comportamenti di questo browser mi lasciano sempre più perplesso

solo alcuni? :master:

[darkiko]

Originariamente inviato da andrea.paiola
solo alcuni? :master:

in effetti...

in effetti...

in effetti adesso non capisco perché in un mio menu ho impostato:

div#nav_dx ul{
margin:0 0 0 10px;
padding:0;
list-style-image : url(../img/freccia.gif);
}

e con FF vedo tutto bene, con IE5.1 e 5.5 vedo tutto bene... con IE 6 quella freccia che dovrebbe fare da "punto elenco" nel menu non c'è, poi ogni tanto appare per sparire appena dopo...

non ho parole

[darkiko]

Originariamente inviato da darkiko
in effetti adesso non capisco perché in un mio menu ho impostato:

div#nav_dx ul{
margin:0 0 0 10px;
padding:0;
list-style-image : url(../img/freccia.gif);
}

e con FF vedo tutto bene, con IE5.1 e 5.5 vedo tutto bene... con IE 6 quella freccia che dovrebbe fare da "punto elenco" nel menu non c'è, poi ogni tanto appare per sparire appena dopo...

non ho parole

non è che qualcuno questa me la può spiegare vero?

[darkiko]

uppete

[webus]

Originariamente inviato da darkiko
uppete

link?

PS. per il problema della lista (sopra) prova a togliere i ritorni a capo. IE, nelle liste, tende a fare il rendering anche di quelli.

[darkiko]

Originariamente inviato da webus
link?

PS. per il problema della lista (sopra) prova a togliere i ritorni a capo. IE, nelle liste, tende a fare il rendering anche di quelli.

eccomi ancora qua

purtroppo non posso linkarlo perché per ora sono pagine sul web-server interno, ma il problema mi si sta ponendo anche con altri sfondi...
IE6.0 li vede, poi non li vede più, poi spariscono e poi riappaiono... semplicissimi background-color assegnati a div, che ad es. con FF o con IE 5.5 si vedono senza problemi...

sapete se sia un bug di IE 6 magari conosciuto ma che io non ho mai visto, un possibile problema del mio foglio di stile o da che diavolo possa dipendere?

grazie (:

[darkiko]

aggiungo solo un dettaglio che, provando ora, mi accorgo essere fondamentale...

all'interno del div ci sono 1 immagine e un testo entrambi con float, probabilmente ha a che fare col peekaboo (credo), anche se questa variante con lo sfondo che appare e scompare mi mancava...