Problema IExplorer con padding

[wider]

Ciao a tutti.
Ho un problema con i CSS su Internet Explrer (chiaramente su Firefox il problema non c'è).
Ho una scritta (racchiusa in tag span) che, qualora il puntatore passi sopra, cambia colore.
Il problema è negli spazi:

Essenzialmente devo diminuire lo spazio sotto la scritta e aumentare quello sopra.
Allo stato attuale il CSS è:

.biggest1, .biggest2, .biggest3 {
	font-size: 30px;
	padding: 1px 1px 1x 1px;
	margin:1px 1px 1px 1px;
}
.biggest3:hover { background: #f5ffb2; 	padding: 1px 1px 1x 1px;
	margin:1px 1px 1px 1px; }

[pastoweb]

un link dove possiamo vedere il problema?

[gengix]

Hai azzerato i margini e i padding negli elementi base della pagina come ad esempio il body?

Se la risposta è si, prova ad utilizzare il selettore universale così:

* {
margin:0;
padding:0;
}

e controlla che non ti abbia fatto dei danni in giro.

[wider]

Originariamente inviato da gengix
Hai azzerato i margini e i padding negli elementi base della pagina come ad esempio il body?

Se la risposta è si, prova ad utilizzare il selettore universale così:

* {
margin:0;
padding:0;
}

e controlla che non ti abbia fatto dei danni in giro.

Facendo questo lavoro mi succede un macello (anche su firefox)... mi si toglie addirittura un filmato flash... [http://wider.altervista.org/ns/sz1.jpg]

Per vedere il risultato qui:
http://wider.altervista.org/ns/prova.html

[gengix]

Infatti ti ho chiesto di controllare per questo.
In genere azzerare i margini e i padding con il selettore andrebbe fatto a inizio progetto, questo ti consente di partire in una condizione di parità tra tutti i browser, farlo a progeto già iniziato è rischioso.
Cmq ho visto che no hai azzerato i margini e padding neanche nel body.
A inizio progetto azzera sempre queste duoe proprietà, perchè come ti sarai accorto i browser di default impostano a loro modo queste 2 proprietà in alcuni elementi.

[wider]

Scusa e ora che faccio? Anche che annullo i padding il problema rimane... e me ne crea uno maggiore su firefox. Quindi tolgo quella regola.
Ma ora come posso evitare questo macello con internet explorer?

[gengix]

Ripeto, tira via la regola che ti ho postato e prova a mettere nel body:

body {
margin:0;
padding:0;
}

altrimenti prova a far diventare lo span elemento di blocco.
Il tuo sito non lo vedo, quindi se il problema continua posta il codice che facciamo primam altrimenti stiamo qui fino a domani=).

[wider]

Mamma mia che casino...
http://wider.altervista.org/ns/index_html.html (tutto tuo )

[gengix]

Il tuo codice è un casino detto sinceramente.

Importi una miriade di css esterni, hai numerosi stili in-line, in questo modo rischi di avere delle proprietà che ti entrano in conflitto una con l'altra e quando c'è da intervenire come in questo caso, ti perdi completamente.

Utilizzi delle tabelle per la presentazione e del codice deprecato (es. attr. align). Anche questa non è una buona pratica, compreso il fatto che dichiari molti margini e padding di qui e di là, senza prima averli azzerati.
Il risultato non può essere buono.

Mi dispiace ma purtroppo non ho il tempo materiale di aggiustare un layout di questo tipo.
Il consiglio che ti posso dare è quello di cominciare a scrivere codice più pulito =).

Spero che qualche utente con più tempo di me ti possa aiutare.

[wider]

A questo punto rivedo tutta la grafica da zero...
Solo una cosa...
Cosa significa stile in-line? Con codice deprecato intendi proprietà di marcatori al livello HTML?