Link enormi su IE

teju

Link enormi su IE

Ciao gente,
sto lavorando su un template WordPress, modificando un template pronto secondo le mie esigenze. Ho però un problema di CSS!!!

Il lavoro si trova in demo all'indirizzo simonepedroni.seedlearn.org

Mi sono reso conto che i link, quando vengono visti con Firefox si vedono bene, mentre se visti con IE sono enormi.
Inoltre il menù a lato viene allineato in maniera differente a seconda del browser...

Come mai?

Il template utilizza 3 fogli di stile:

di cui il primo è il principale, gli altri due a dire il vero non li ho mai toccati, anche se a naso il nome mi dice che il problema sta lì...

teju

Ho notato che in style.ie6.css esiste la funzione zoom:1 associata a praticamente tutti i tag.
Ho dunque provato a scrivere una cosa tipo

a{ zoom:0; }

ma non cambia nulla....

Qualcuno ha mai trovato un problema simile? Come comportarsi??

tigrone

Prova a specificare la dimensione del carattere (font-size) che sembra non sia settata nel css.

teju

@tigrone said:

Prova a specificare la dimensione del carattere (font-size) che sembra non sia settata nel css.
Il font-size si trova nello style.css.
Ho comunque provato ad inserire sia in style.ie6.css che su style.ie7.css che nel principale CSS

a
{
zoom:0;
font-size: 14px;
}

ma purtroppo ancora non cambia nulla...

tigrone

Dunque, io, con 'ispezione elemento' di Chrome vedo:

color: white;
font-family: Cambria;
text-decoration: none;

teju

Da nessuna parte dei miei CSS appare quella dichiarazione, dunque è probabile sia il risultato di più dichiarazioni incatenate.

Il problema è che io ho provato a definire il TAG <a> come riportato sopra, vuol dire allora che non me lo prende?

Come comportarmi?

teju

Guardando attentamente mi son accorto che anche il colore dei link non è lo stesso sui due browser...
Su Firefox l'ultimo link del menù a destra è grigio, su IE è nero...

E' come se su IE non leggesse determinati comandi CSS, ma com'è possibile?

tigrone

Ma il CSS l'hai scritto tu o l'ha generato qualche editor?

teju

Son partito da un template pronto e sto adattandolo alle mie esigenze

tigrone

Prova ad attribuire lo stile direttamente al link:

<a **style="font-size: 12px;"** href="?lang=en">Home</a>

teju

nada ancora...
Ho provato a metterlo sul link sul menù a destra "home", ma non cambia la misura ne' su Firefox ne' su IE....
Ho provato anche cambiando la size, 12, 10 o 8, giusto per prova....

tigrone

Prova così:

<a style="font-family: verdana; font-size: 12px; color: white;" href="?lang=en">Home</a>

teju

Era rimasta in cache la pagina su Firefox: su Firefox funziona, su IE rimane grande...

teju

Poi pensavo che purtroppo non posso darlo sul link direttamente il CSS... trattandosi di WordPress l'utente poi potrà dover aggiungere link a suo piacimento