Visualizzazione dei risultati da 1 a 5 su 5

Discussione: CSS IE6 e FLOAT

  1. #1

    CSS IE6 e FLOAT

    Ciao a tutti, ho cercato sul forum e googlato ma non sono ancora riuscito a trovare nulla.
    Ho una galleria di immagini con dei DIV a grandezza fissa che ospitano le anteprime di immagini.
    La visualizzazione è corretta su Firefox, Opera ed IE7 e 8, ma su IE6, quando le immagini vengono caricate, alcune gallerie vengono su bene, altre si vedono in maniera pessima come la seguente:
    http://www.paolobolla.it/gallerie.php?id=3&sub=1
    http://www.paolobolla.it/gallerie.php?id=1&sub=5
    i DIV che contengono le anteprime hanno questo CSS:
    codice:
    /*FOGLIO DI STILE*/
    div.thumb {
      float:left;
      height:95px;
      margin:11px;
      width:143px;
    }
    /*CARICAMENTO SELETTIVO se IE6*/
    div.thumb {
    display: inline;
    margin: 10px;
    }
    come si può ben vedere, ad un certo punto IE6 sballa il layout di pagina mettendo foto a caso. Potete darmi una mano?
    "Una volta che si saranno esaurite senza successo tutte le possibilita', ci sara' una soluzione, semplice e ovvia, che saltera' immediatamente all'occhio di chiunque altro."

    Guardate: Il Miracolo delle Noci!!

  2. #2
    Utente di HTML.it L'avatar di emnlmn
    Registrato dal
    Oct 2008
    Messaggi
    263
    Prima cosa che non capisco è dove hai inserito le regole per IE...
    Poi, noto che su ie6 il margine è impostato a 10px anziche 11px... il problema potrebbe essere derivato da quello.

    In alternativa, mi verrebbe da provare quanto segue per risolvere il tuo problema:
    codice:
    ul#gallery_item a {
    color:#FFFFFF;
    float:left;
    width:143px;
    height:195px;
    font-size:12px;
    font-weight:bold;
    overflow:hidden;
    text-decoration:none;
    }
    Prova e fammi sapere.


  3. #3
    Ti ringrazio per la risposta, che mi ha fatto seppur in maniera diversa risolvere il problema.
    Mi hai fatto provare l'overflow, che con qualche piccolo ritocco ha dato ottimi risultati:
    codice:
    /*SELETTIVO PER IE6*/
    div.thumb {
      margin: 7px;
      width: 145px;
      height: 100px;
      overflow: hidden;
    }
    grazie ancora
    "Una volta che si saranno esaurite senza successo tutte le possibilita', ci sara' una soluzione, semplice e ovvia, che saltera' immediatamente all'occhio di chiunque altro."

    Guardate: Il Miracolo delle Noci!!

  4. #4
    Utente di HTML.it L'avatar di emnlmn
    Registrato dal
    Oct 2008
    Messaggi
    263

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    per i prossimami thread ti invito a scegliere titoli appena più specifici e non in maiuscolo, come richiesto dal regolamento, grazie.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.