Link enormi su IE

[Teju]

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:
- simonepedroni.seedlearn.org/wp-content/themes/SimonePedroni01/style.css
- simonepedroni.seedlearn.org/wp-content/themes/SimonePedroni01/style.ie6.css
- simonepedroni.seedlearn.org/wp-content/themes/SimonePedroni01/style.ie7.css

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

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