• User

    Problema allineamento div contenenti immagini

    Maledetto explorer! 🙂
    Quando uso dei Div e vi inserisco immagini .gif e .jpg, IE si comporta stranamente e non mi allinea i div come dovrebbe.
    Vi sottopongo una immagine. Noterete che il box in basso a destra è pù in basso rispetto dove dovrebbe essere, poichè, in teoria, entrambi i box di destra dovrebbero essere allineati col box di sinistra.
    Perchè il maledetto explorer non lo fa?

    i38.tinypic.com/1fczk6.gif
    (senza w w w)

    Questo è il codice:

    [html]<div style="width:980px; height:300px;">
    <div style="width:594px; height:300px; float:left;">
    <img src="{$image_dir}header_home_01.jpg" alt="" />
    </div>
    <div style="width:386px; height:300px; float:left;">
    <div style="width:386px; height:194px;">
    <img src="{$image_dir}header_home_02.jpg" alt="" />
    </div>
    <div style="width:386px; height:100px; margin-top:6px;">
    <img src="{$image_dir}header_home_03.gif" alt="" />
    </div>
    </div>
    <div style="clear:both;"></div>
    </div>[/html]

    Ho provato a impostare i border="0" nelle immagini ed ho fatto tentativi di padding e margin per i box di sinistra. Inutile, IE fa sempre a modo suo.


  • User Attivo

    Ciao, ho gurato velocemente la gif, sembra che l'ultimo box sia 101 invece di 100...
    Magari hai qualche bordo settato in giro? Forse una soluzione potrebbe essere quella di ridurre il margine top...