problema visualizzazione ie; spazio cliccabile tra link

**sitodue** · 27-09-2012, 12:02

Ciao a tutti, mi sono accorto di questo malfunzionamento su internet explorer:

codice:

<div>
    prova1
    prova2
    prova3
    prova4
</div>

Per leggibilità del codice, questi link che graficamente sono sulla stessa riga e distanziati di circa 30px tramite css, li ho indentati in questo modo andando a capo.
Questo mi crea uno un minuscolo spazio invisibile tra ogni voce (come se ci fosse un carattere - forse il carattere ascii di a capo?) che risulta cliccabile e prende anche l'hover sui link mandandomi al diavolo la grafica. L'effetto si manifesta su ie, mentre su ff risulta comunque un carattere nascosto tra ognuno di quei link (me ne accorgo andando su modifica - seleziona tutto) ma non è linkato e quindi i problemi sono trascurabili.

Se invece posiziono quelle voci sulla stessa riga

codice:

<div>
    prova1prova2prova3
</div>

tutto funziona correttamente e non risultano esserci caratteri nascosti tra le varie voci linkabili. Sto sbagliando qualcosa o è normale che sia così?
Ciao e grazie a tutti!

**ac_socmel** · 27-09-2012, 12:12

è normale che lo spazio venga calcolato
non lo è che senta :hover

**sitodue** · 27-09-2012, 12:26

Originariamente inviato da ac_socmel
è normale che lo spazio venga calcolato
non lo è che senta :hover

Prima di tutto grazie per la risposta;
i css di quel codice sono questi:

codice:

div a {
    margin-left:15px;
    margin-right:15px;
}

div a:link, a:visited {
    text-decoration:none;
    color:#999;
}

div a:hoover {
    color:#fff;
}

Molto semplicemente, lo sfondo della pagina è nero, i link sono grigi e all'hover diventano bianchi, ma con quel mal funzionamento diventano bianchi anche quando passo tra un link e l'altro :-s

**Mich_** · 27-09-2012, 15:07

E` uno dei difetti di IE quando lavora in quirks mode (retrocompatibile).

Prova a farlo lavorare in standard mode (occorre usare una DTD Strict).

**sitodue** · 27-09-2012, 15:12

Originariamente inviato da Mich_
E` uno dei difetti di IE quando lavora in quirks mode (retrocompatibile).

Prova a farlo lavorare in standard mode (occorre usare una DTD Strict).

Scusa la mia niubbagine... ma cosa vuol dire standard mode e dtd strict?

**Mich_** · 28-09-2012, 08:59

DTD = Document Type Definition - viene settata dal DOCTYPE. Vedi il tuo manuale alla voce DOCTYPE (oppure vedi nella guida HTML di HTML.it)

IE ha la caratteristica che con le DTD transitional va in mdalita` retrocompatibile, mentre con le DTD Strict lavora in modalita` standard (== secondo le specifiche W3C, come gli altri browser)

**sitodue** · 28-09-2012, 11:25

Originariamente inviato da Mich_
DTD = Document Type Definition - viene settata dal DOCTYPE. Vedi il tuo manuale alla voce DOCTYPE (oppure vedi nella guida HTML di HTML.it)

IE ha la caratteristica che con le DTD transitional va in mdalita` retrocompatibile, mentre con le DTD Strict lavora in modalita` standard (== secondo le specifiche W3C, come gli altri browser)

Ok, ho capito a cosa ti riferisci...
stavo utilizzando il doctype dell'html5 (<!DOCTYPE HTML>);
ho provato:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html14/strict.dtd">

e

codice:

<!DOCTYPE html PUBLIC "-//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmls="http://www.w3.org/1999/xhtml">

Senza ottenere risultati...
E' un problema che riguarda solo la versione 8 di ie o anche le successive?

**sitodue** · 28-09-2012, 12:50

Dunque ho trovato che il problema è casuato da questo css:

codice:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {     
    margin: 0;     
    padding: 0;     
    border: 0;     
    outline: 0;     
    font-size: 100%;     
    vertical-align: baseline;     
    background: transparent; 
}

che fa parte di un foglio di reset preso dalla guida "tecniche essenziali" presente qui sul sito;
eliminado quella regola il problema sparisce, ma non so il perchè...

Discussione: problema visualizzazione ie; spazio cliccabile tra link

Strumenti discussione

Ricerca discussione

Visualizza

problema visualizzazione ie; spazio cliccabile tra link

Permessi di invio