problema allineamento <h2> con IE

[blur]

ciao,

ho una tabella formattata in questo modo:

table.tabella{width: 520px;
color:#fff;
border-collapse : collapse;
border-color:#FF870F;
text-align:center;
margin:0 auto;
text-decoration:none;
}
table.tabella td {
border: 1px solid #FFF;
text-decoration:none;
text-align:left;
}

il cui risultato è questo

img

praticamente formatto il titolo "pagina 2" con <h2>

h2{font-size:1.1em; text-align:center;color:white }

in explorer come potete vedere il titolo non viene allineato con le due img laterali ( avanti/indietro)...
per quale motivo? :master:

[Mich_]

Difficile rispondere non conscendo il codice con cui sono inserite le varie parti.

Comunque prova ad allineare con il
vertical-align: middle;

In alternativa puoi assegnare l'altezza del blocco uguale all'altezza dell'interlinea:
line-height: ...;

[blur]

il line-height va inserito all'interno di table.tabella td{} immagino.
però non ho ottenuto un risultato accettabile.

il codice html in cui inserisco il titolo e le due img laterali:

 <table class="tabella">
<tr>
<td><img di sinista></td>
<td><h2>Pagina 2</h2></td>
<td><img di destra></td>
</tr>
</table>

il fatto è che se tolgo dal titolo <h2> si allinea regolarmente.

[Mich_]

No. Il text-align andrebbe dentro il selettore h2, perche` <h2> e` a sua volta un oggetto di tipo blocco.

Ma il problema e` che hai un blocco piu` basso (<h2>) dentro un blocco piu` alto (<td>).
Quindi devi centrare l'<h2> dentro il <td>:
h2 {
margin: auto;
}

Oppure devi rendere <h2> alto quanto il <td>:
h2 {
height: 100%;
}