Problema con img align in Internet Explorer 6

06-07-2008, 17.52.51

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

06-07-2008, 18.17.27

Problemi di tal tipo io e un mio amico li avevamo corretti (ma avevamo controllato solo su ie7), inserendo sia un valore per padding sia per margin... Prova così

06-07-2008, 19.01.34

Ho provato di nuovo, ma non cambia niente

Grazie lo stesso

07-07-2008, 00.19.58

Originalmente inviato da lacadorina

Qualcuno ne sa qualcosa?Grazie a tutti

Il problema in questa pagina: http://lacadorina.altervista.org/index.php si risolve su I Explorer 6.0 se sostituisci il DOCTYPE che hai scritto :

Codice:

<html xmlns="http://www.w3.org/1999/xhtml"><head><!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"-->

con questo corretto:

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head>

Infatti con un DOCTYPE sbagliato alcuni browser entrano in modalità di funzionamento Quirks.

09-07-2008, 00.25.18

Grazie per la sgnalazione, ma non ha risolto nulla: lo spazio bianco rimane dov'era... Mha?

09-07-2008, 11.14.34

Originalmente inviato da lacadorina

Grazie per la sgnalazione, ma non ha risolto nulla: lo spazio bianco rimane dov'era... Mha?

Cambia DOCTYPE in:

Codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>

E sostituisci questa parte:

Codice:

<div id="header">

<div id="logo"><img src="immagini/logo.png" width="210" height="162" /></div>

<div id="title"><img src="immagini/titolo.gif" width="466" height="112" /></div>

<div id="dolomitibanner"><a href="http://www.dolomiti.org">

<img src="immagini/dolomitibanner.gif" vspace="2"></a></div>

Con questo:

Codice:

<div id="header">

<img src="immagini/logo.png" align="left" width="210" height="162" />

<img src="immagini/titolo.gif" width="466" height="112" />

<a href="http://www.dolomiti.org">

<img src="immagini/dolomitibanner.gif" style="margin:3px 0 0 36px;" /></a>

Discussione: Problema con img align in Internet Explorer 6

LinkBack

Strumenti discussione

Display

Problema con img align in Internet Explorer 6

Regole di scrittura