Allineamento a dx in layout fluido

cronycles

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>
<div id="sidebar">
</div>
</div>
[/html]
bella

misterwo

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...

cronycles

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

Grazie comunque per la dritta!!!

Bella