Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    3

    div e float sui vari browser

    buondi...
    passo subito al problema..
    Ho una serie di div uno di seguito all'altro contenuti in unica colonna.. e vorrei attraverso css poterli floattare a sinistra o a destra creando una sorta di doppia lista di div(una a sinistra e una a destra appunto)... fin qui ok... il mio problema è renderlo crossbrowser perche firefox e explorer si comportano diversamente.. probabilmente, secondo gli standard è corretto il comportamento di ff ma si da il caso che io vorrei ottenere quello che ottengo con explorer...

    il codice è questo:

    codice:
    		
    	<div id="maincontent">
    		<div id="primo">1</div>
    		<div id="secondo">2</div>
    		<div id="terzo">3</div>
    		<div id="quarto">4</div>
    		<div id="quinto">5</div>
    		<div id="sesto">6</div>
    	</div>
    e il css è questo..

    codice:
    		
    #maincontent {
        width: 902px;
    	margin:0;
    	padding: 20px;
    }
    
    #primo,#secondo,#terzo,#quarto,#quinto,#sesto {
        width: 425px;
        background-color: #666;
        margin-bottom: 20px;
        color: #fff;
        text-align:center;
    }
    
    #primo {
        float: left;
        clear: left;
    }
    
    #secondo {
        float: right;
    }
    
    #terzo {
        float: left;
        clear: left;
    }
    
    #quarto {
        float: left;
        clear: left;
    }
    
    #quinto {
        float: left;
        clear: left;
    }
    
    #sesto {
        float: right;
    }
    Per farvi capire meglio posto anche un allegato.. in pratica io vorrei che quel div 6 stia a 20px sotto il 2 come in ie...
    c'è qualche buon anima che sa se c'è qualche trick oppure è una cosa impossibile?

    grazie 1000
    Immagini allegate Immagini allegate

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    L'ordine dei div può essere cambiato?

    Potrebbe essere

    1 2
    3 4
    5
    6

    o

    3 1
    4 2
    5
    6

    ?
    Vuoi aiutare la riforestazione responsabile?

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

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    3
    l'ordine non è rilevante.. cioè quello che vorrei è che senza toccare il markup se a un div gli do float:right questo vada a mettersi a 20px da quello sopra e non al livello dell'ultimo div di sinistra...

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Cosi` ad occhio direi che ti manca un clear.
    Forse ti basta metterlo nei blocchi che hanno gia` float: left, o forse devi invece inserire dei blocchi fittizi, tipo quello proposto in [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float che si espanda al 100% della larghezza
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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 © 2026 vBulletin Solutions, Inc. All rights reserved.