Ciao a tutti;
ho un grosso problema con le liste. Queste vengono visualizzate differentemente tra IE e Firefox. La pagina è la seguente: http://www.mattiaboldrin.it/alma/
La lista in questione è data dal menu sulla sx.
Nessuno di voi ha già affrontato il problema?
Grazie anticipatamente a chi vorrà rispondere.
credo che dovresti postare il codice del css
Nel tuo file "screen.css" aggiungi "margin: 5px" allo stile "#menu"
In pratica:
Il tutto si sposterà di 5px a destra e risolverai il tuo problema. Se lo vuoi ancora più staccato, metti 10px.codice:#menu { BORDER-RIGHT: #e1e1e1 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 140px; COLOR: #999; MARGIN-RIGHT: 10px; PADDING-TOP: 0px; voice-family: inherit; margin: 5px; }
Ciao
Il problema è l'allineamneto a sx.
Mi spiego meglio.
Ho notato che in IE se non si specifica il padding di sx, la lista a cui è stato assegnato l'attributo "list-style-image: url(list_square.gif);" ad "ul", l'immagine della lista non viene visualizzata!
Quindi mi trovo a dover dare un valore molto grade di "padding-left" per visualizzare l'immagine della lista, ma mentre viene visualizzata bene in IE, il tutto viene sfasato troppo a sx in Firefox.
Per capire bisogna guardare la stessa pagina con Firefox e IE.
http://www.mattiaboldrin.it/alma
a me li vedo così
Esatto!
Non ci avevo pensato di mettere una foto.
Io vorrei poterli vedere uguali, ma non conosco la differenza di interpretazione tra IE e Firefox.
Partendo dall'immagine inserita nel post precedente
Padding-left nonspecificato
- Lista affiancata al bordo destro
- IE non mi visualizza la immagine che ho utilizzato per evidenziare le voci della lista.
- Firefox visualizza correttamente la immagine
Padding-left specificato
- A partire da un certo valore l'immagine della lista viene visualizzata in IE, sotto un certo valore no (oppure viene tagliaa).
- Firefox sposta la lista a sx
Sono stato chiaro?
Permessi di invio
Rispondi quotando