• User

    Allineamento a dx in layout fluido

    Ciao a tutti di nuovo ho il seguente problema:

    Ho crato una header, di altezza 90px, la quale contiene:
    a - un banner che ricopre tutta lunghezza della pagina
    b - una altro piccolo banner di lunghezza 200 (che sta sopra ad 'a') ma allineato a destra della pagina.
    Ecco c'è b che mi si sovrappone ad a, come faccio a dire ad a che deve starsene sotto e a bi che deve starsene sopra?

    Codice CSS:

    
    #header 
    { 
        height: 95px;
        background: #ebebeb;
    }
        #contact_bar 
        { 
            height: 15px;
            width: 190px;
            background:url(../images/header/banner_contattaci.jpg) repeat-y;
            float:right;
        }
        #sidebar 
        { 
            height: 80px;
            background:url(../images/header/banner_header.jpg) repeat-x;
    
        }
    

    CODICE HTML della pagina:

    [html]<div id="header">
    <div id="contact_bar">
    </div><!--fine contact_bar-->
    <div id="sidebar">
    </div><!--fine sidebar-->
    </div><!--fine header-->
    [/html]
    bella :figo2:


  • User Attivo

    Non ho capito...
    rimane il fatto che con l'absolute il tuo div si allinea e diciamo "esce dal regolare flusso"...dovresti dare un margine pari all'altezza dell'altro se vuoi che uno rimango sotto rispetto all'altro...


  • User

    Ho risolto mettendo un bellissimo "clear: both" così è fierissimo!!!

    Grazie comunque per la dritta!!!

    Bella :figo2: