Float + line-height e IE6

[limbozero]

Salve a tutti,
ho bisogno del vostro aiuto per un sito che sto realizzando per la prima volta con CSS.
HO problemi di visualizzazione del menu che ho realizzato usando float:right.
In IE7 e Firefox tutto bene, in IE6 invece non rimane allineato non interpretando neppure correttamente il line-height.
Vi giro il link del sito, se qualcuno riesce a darmi qualche indicazione su come risolvere!


www.antiquaweb.biz/version2

Grazie in anticipo!

Danilo

[fcaldera]

inizia aggiungendo display: inline; all'elemento #boxgui
Explorer 6 infatti raddoppia il margin-right (lo porta a 222px)

[fcaldera]

per la spaziatura verticale tra le voci fai questa prova

togli il font-size dal list-item e mettilo nel link
al link aggiungi anche un height pari al line-height

[limbozero]

Ti ringrazio veramente tanto! Il tuo suggerimento e' stato veramente utile.

Adesso c'e' da capire come rendere la banda arancione dell'over larga piu' del testo.

Ho messo Height nel link, pero' il line-height creava come un bordo vuoto intorno al testo lasciando cosi' che la banda dell'HOVER fosse piu' larga.

Una qualche altra idea?

[fcaldera]

modifica global.css (linea 136)

#navmenu a {
color:#333333;
display:block;
height : 50px;
line-height: 50px;
}

[limbozero]

Ancora grazie!

NOn vorrei approfittare della tua disponibilita', ma mi serve ancora un aiuto per due questioni sul mio sito che sto cercando di capire.


La prima e' un gradiente che su IE si vede perfettamente, su Firefox no.
Allego uno screenshot : Pix


Il secondo problema e' invece un effetto zoom che e' applicato sulle foto del dettaglio di un articolo. Per esempio andando dentro la sezione Mobili e selezionando un articolo dalla griglia, si aprira' una pagina che visualizzera' delle foto e del testo. Con IE7 e Firefox , passando il mouse sopra una delle foto si aprira' una immagina ingrandita della stessa.
Questa funzione con IE6 non va.

Il codice html e' il seguente:

<div id="pic">

<? echo "<img src= $path$ArrayId[foto1] width='200' height='160'/><img src= $path$ArrayId[foto1] width='500' height='400' class='large' />" ; ?>

</div>



il CSS:

#pic {

display:inline;
position: relative;
/* left: 0px;
top: 10px;*/


}

#pic a .large {
border: 0px;
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
}

#pic a img {
border: 0;
#99FF33;
}

#pic a.p1, #pic a.p1:visited {

border: 1px solid #EC614F;
display: inline;
height: 90px;
left: 0;
text-decoration: none;
top: 0;
width: 135px;
}



#pic a.p1:hover {
/* background-color: #8C97A3;*/
color: #000000;
text-decoration: none;
}

#pic a.p1:hover .large {
border: 1px solid #000000;
display: block;
position: absolute;
left: 60px;
top: -60px;
width: 500px;
height: 400px;
}

[fcaldera]

per un problema nuovo apri un nuovo thread.

E comunque non postare il codice php. in un forum lato client devi sempre postare il codice che arriva al browser (tasto dx -> visualizza sorgente)