• M
    User Attivo •

    Problema div con IE

    Salve a tutti..
    ho un problema con Internet Explorer, dovuto con ogni probabilità alla mia ignoranza in termini di html..
    Nel sito economic-hotel . com ogni riga della parte a destra accanto ai contenuti, sotto "Ultime strutture inserite", la volevo dividere in due, una per inserirci l'immagine dell'hotel e l'altra per scriverci il testo e inserire il link..
    Ho utilizzato questo codice, che viene visualizzato per bene in Mozilla, ma male in Internet Explorer:

    <div id="dx">  <div id="menuhdue"><h4><p><font face="Calibri">Ultime strutture inserite</font></p></h4></div>
<div style="height: auto; overflow: hidden">
    <div style="width:45%; float:left;"><a href='/hotel-prati-a-napoli.html'><img src="/uploads/2/8/6/9/2869509/7170402.png?93" width="80" height="60" style="margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; border-width:1px;padding:3px;" alt="Hotel Prati a Napoli" class="galleryImageBorder" /></a></div>
  <div style="width:45%; float:left;padding-top:3px"><a href="/hotel-prati-a-napoli.html">Albergo Prati<br /></a><img src="/uploads/2/8/6/9/2869509/4955916.png" style="margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; border-width:0;" width="61" height="20" alt="albergo tre stelle" class="galleryImageBorder" /><br />Napoli<br /></div>
 </div>    
<hr style="background-color:#777777; border:0pt none; color:#777777; height:1px; margin:0 auto; text-align: center; width:100%;"></hr>
<div style="height: auto; overflow: hidden">
  <div style="width:45%; float:left;"><a href='/hotel-europa-a-ischia.html'><img src="/uploads/2/8/6/9/2869509/7446697.png?95" width="80" height="60" style="margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; border-width:1px;padding:3px;" alt="Hotel Europa a Ischia" class="galleryImageBorder" /></a></div>
  <div style="width:45%; float:left;padding-top:3px"><a href="/hotel-europa-a-ischia.html">Hotel Europa<br /></a><img src="/uploads/2/8/6/9/2869509/4955916.png" style="margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; border-width:0;" width="61" height="20" alt="albergo tre stelle" class="galleryImageBorder" /><br />Ischia<br /></div>
          </div>
            <hr style="background-color:#777777; border:0pt none; color:#777777; height:1px; margin:0 auto; text-align: center; width:100%;"></hr>
<div style="height: auto; overflow: hidden">
  <div style="width:45%; float:left;"><a href='/hotel-hermitage-a-chianciano-terme.html'><img src="/uploads/2/8/6/9/2869509/4366083.png"  width="80" height="60" style="margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; border-width:1px;padding:3px;" alt="Hotel Hermitage a Chianciano Terme" class="galleryImageBorder" /></a></div>
  <div style="width:45%; float:left;padding-top:3px"><a href="/hotel-hermitage-a-chianciano-terme.html">Hotel Hermitage<br /></a><img src="/uploads/2/8/6/9/2869509/4955916.png" style="margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; border-width:0;" width="61" height="20" alt="albergo tre stelle" class="galleryImageBorder" /><br />Chianciano<br /></div>
 </div></div>
           </div>  
```Il problema in Internet Explorer è che in pratica il testo va sotto le immagini e non accanto come vorrei che fosse.
Spero ci sia qualcuno che abbia la pazienza di aiutarmi.
Un saluto e grazie in anticipo.
Marco
    0
  • M
    User Attivo •

    Grazie a tutti :mmm: ho risolto da solo ;).
    In realtà non è che fosse così complicato eh! Per chi putacaso volesse sapere come ho fatto ho semplicemente inserito nel primo div di ciascuna riga un float: left e nel secondo div un float:right..
    Alla prossima

    0
Effettua l'accesso per rispondere