Problema con IE

[gokufg]

Salve ragazzi.
Secondo voi qual'è il problema del mio css con IE. in pratica come potete vedere da voi, con Mozilla la visualizzazione è tutto ok mentre con IE la data del post viene sovrapposta al titolo del post stesso. Come è possibile?

Il codice css è:

/* -------------------- POST -------------------- */

.posthead { position: relative; clear: left; padding-bottom: 10px; }
.posthead h2 { font-size: 22px; font-weight: normal; padding: 0px 0px 0px 50px; margin: 0px; }
.posthead h2 a { color: #0054a6; }
.posthead h2 a:hover { color: #007e03; }	

.postauthor { padding: 0px 0px 0 50px; margin: 0px; font-size: 10px; color:#666; }
.postdate { margin: 0px; position: absolute; top: 0px; left: 0px; text-align: center; padding: 0px 10px 6px 10px; }
.postdate small { font-size: 9px; color:#666; }
.postdate .month { display:block; text-transform: uppercase; font-size: 9px;}
.postdate .day { display:block; font-size: 22px; letter-spacing: -1px; font-weight: normal; color:#777;}
.postdate .year { display:block;}

mentre il codice del div è:

		<div class="posthead">
		<h2>[...]</h2>
		<small class="postauthor">Pubblicato nel 2008 in [...] | Nessun Commento  &#183; Modifica</small>
		<p class="postdate">

		<small class="day">5</small>
		<small class="month">Gen</small>
		<small class="year"></small>
		</p>
		</div>

[Mich_]

Che linguaggio stai usando?
Forse il tag <small> non e` proprio il massimo (e` un tag di formattazione), e potrebbe scomparire nelle prossime versioni dello standard: http://www.w3schools.com/tags/tag_font_style.asp
meglio sarebbe usare uno <span> con stile opportuno.

Comunque vedo che fai uso di padding: ti ricordo che il padding e` interpretato in modo diverso da IE; nel dettaglio:

La larghezza totale di un blocco (browser standard) e` data da:
margin + border + padding + width + padding + border + margin
In IE (quirks mode) invece e` data da:
margin + width + margin (border e padding fanno parte di width)

Per l'altezza vale la stessa cosa.

[gokufg]

Originariamente inviato da Mich_
Comunque vedo che fai uso di padding: ti ricordo che il padding e` interpretato in modo diverso da IE; nel dettaglio:

Il problema di posizionamento del tsto è proprio dato dal padding
Hai qualche consiglio, ho provato in molte maniere ma non riesco a farlo visualizzare bene su entrambi i browser

[Mich_]

Hai qualche consiglio, ho provato in molte maniere ma non riesco a farlo visualizzare bene su entrambi i browser

La cosa piu` semplice e` sostituire il padding con il margin: mettendo a zero il padding e lavorando solo sul margin.

Purtroppo non e` un trucco applicabile in tutti i layout, ma in molti si`.
In alternativa occorre "correggere" le misure per IE mediante i commenti condizionali.

[gokufg]

Originariamente inviato da Mich_
La cosa piu` semplice e` sostituire il padding con il margin: mettendo a zero il padding e lavorando solo sul margin.

Purtroppo non e` un trucco applicabile in tutti i layout, ma in molti si`.

Già provato ma con scarsi risultati

Originariamente inviato da Mich_
In alternativa occorre "correggere" le misure per IE mediante i commenti condizionali.

In che modo dovrei aggiungere i commenti addizionali?

Grazie mille!

[Mich_]

Il margin e` un buon sostituto del padding se non ci sono problemi di sfondo (colori o immagini).
Se con il margin non funziona, puo` dipendere da altri fattori, tipo l'uso improprio del posizionamento (io preferisco non usarlo: complica la vita di parecchio e di solito non e` necessario).

Per i commenti condizionali, l'argomento e` gia` stato trattato piu` volte, per cui ti conisigliio una ricerca nel forum (bottone in alto) oppure una visita ai "link utili".