Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Float con effetto scalino su IE6

    Ciao a tutti,
    ho un menu di tre elementi orizzontali creato con un elenco non ordinato.
    In effetti è una soluzione semplice che ho adottato diverse volte, non so perchè questa volta i tre elementi invece di allinearsi perfettamente (come succede in firefox e explorer 7) in IE6 formano un effetto scalino, cioè ogni elemento scende di circa 20px rispetto al precedente.
    C'è un metodo per ovviare a questo bug???

  2. #2
    guarderi i margin e i padding, e tutti gli spazi adiacenti. o posta codice che aiuta sempre.

  3. #3
    i margini e i padding sono tutti "normalizzati" e quindi azzerati (in un altro foglio css).
    il codice dell'elenco è questo:

    codice:
    ul.prodotti-elenco {
    	list-style-type: none;
    }
    ul-prodotti-elenco li {
    	display: inline;
    }
    ul.prodotti-elenco li a {
            float: left;
    	height: 296px;
    	width: 210px;
    	margin: 0 5px  0 0;
    	display: block;
    }

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    metti float:left agli[*]
    Vuoi aiutare la riforestazione responsabile?

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

  5. #5
    sostituisci il trattino con il punto (se non è solo un errore di trascrizione):

    ul-prodotti-elenco li
    ul.prodotti-elenco li

  6. #6
    ma dai... l'errore era nel trattino!!! e io ho perso una mattinata (la validazione css passava lo stesso)
    grazie mille!!!!

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.