bug IE ????

[zorz]

Ciao a tutti,
devo ammettere che non sono un super esperto di css e html in genere, ma pensavo di conoscere abbastanza la materia.... fino a quando non sono riuscito a capire perchè al click sull'immagine il link non funziona su IE .... ovviamente su FIREFOX si !!!

<a href="http://www.libero.it" >
<div style="float:left;">
<img />
</div>
</a>

Ringrazio in anticipo tutti quelli che avranno voglia e tempo di spiegarmi l'arcano.....

[gabip87]

ciao. <a> è un elemento inline, <div> è un elemento di blocco. il <div> può contenere l'<a> ma non viceversa. fai così:

<div>
      <a href="http://www.libero.it" >
            <img />
      </a>
</div>

div { float: left; }

nel caso il box fosse più grande dell'immagine ma vuoi renderlo comunque cliccabile puoi fare in questo modo:

a 
{
   display: block;
   width: 100%;
   height: 100%;
}

[zorz]

ciao, prima di tutto grazie per la risposta...
se ho ben capito gli elementi "inline" non possono contenere elementi "block" ???

[gabip87]

Originariamente inviato da zorz

gli elementi "inline" non possono contenere elementi "block"

giusto