incredibile IE6...al passaggio del mouse sopra un link si sposta tutto..

[The Hear]

non so se vi è mai capitato..ho un corpo composto dalle classiche 3 colonne con un menu testuale semplice fatto a ul e li dentro la colonna di sx...quando passo sopra col mouse sul link (al rollover...) si sposta tutto il corpo a sinistra ! se aggiorno la pagina torna a posto.
se non faccio rollover sul link non succede.
lo fa sono con IE6.

[copsteve]

Meglio se indichi il link o posti un pò di codice per capire meglio...

[salasir]

Penso sia lo stesso problema che ho avuto tempo fa e ho risolto per caso. Se si tratta di liste o altro in un contenitore flottato, e hai dei padding sul contenitore, prova ad eliminarli e impostare al suo posto dei margin corrispondenti sul contenuto.

In pratica elimini il padding dal div contenitore e lo sposti come margin sulla lista.

[erredeco]

Non è che si tratta di...

http://www.positioniseverything.net/...rcentages.html

?

[gra-fichetto]

Originariamente inviato da The Hear
non so se vi è mai capitato..ho un corpo composto dalle classiche 3 colonne con un menu testuale semplice fatto a ul e li dentro la colonna di sx...quando passo sopra col mouse sul link (al rollover...) si sposta tutto il corpo a sinistra ! se aggiorno la pagina torna a posto.
se non faccio rollover sul link non succede.
lo fa sono con IE6.

Avendo riscontrato lo stesso problema, nel CSS gli stati "hover", "focus", "active" (in particolare il color ed il background) li ho dati all'elemento "a" della lista mentre all'elemento "li" le altre proprietà (display, width, ecc).
In pratica mentre prima avevo:

#menu ul li a:hover{
...
color: #FFF;
background: #000
...
}

ho "scisso" in più regole:

#menu ul li{
...
width: 5em;
...
}

e

#menu a:hover, #menu a:focus, #menu a:active{
color: #FFF;
background: #000
}

[The Hear]

grazie a tutti per i suggerimenti.
ho risolto dando al body margin anzichè padding.