Problema con img align in Internet Explorer 6
Salve a tutti.
Ho un ennesimo problema col mio sito. Ho un layout a 3 colonne prelevato da HTML.it. Nella sezione header ho inserito 3 immagini:
Codice HTML:
<div id="header">
<img src="immagini/logo.png" width="210" height="162" align="left" />
<img src="immagini/titolo.png" width="486" height="112" align="left" />
<div id="dolomitibanner">
<a href="http://www.dolomiti.org">
<img src="immagini/dolomitibanner.gif" vspace="2">
</a>
</div>
</div>
In Mozilla, naturalmente, funziona tutto a dovere, ma in Internet Explorer la prima immagine è spostata di circa 3 pixel a destra.
Ho provato a inserire le immagini in appositi div, settando la proprietà top a 0, -162px e -274px: FF OK, IE l'header è vuoto;
Ho provato a toglere la clausola align="left" alla prima immagine: in IE l'immagine va al suo posto, ma le altre ovviamente si spostano sotto di lei;
Ho provato ad inserire il codice
Codice HTML:
<!--[if lte IE 6]>
<style type="text/css">
#header {
float: left; margin-right:-3px;
}
</style>
<![endif]-->
all'interno dei tag <HEAD> per correggere il bug dei 3 pixel Jog ma il bug è sempre lì!
Non ho ancora provato ad utilizzare una tabella (al cui uso mi sono già arreso per il content sempre per problemi di compatibilità con il browser maledetto), ma per il resto ho provato tutto, margin, padding e quant'altro...
Qualcuno ne sa qualcosa?
Grazie a tutti
