deux divs haut et en bas

Question

alignement div une gauche à côté deux en haut en bas dernier droit il est à venir nt comme ça quand je fais

voir cette image

Je voudrais pour aligner l'image comme ça avec la balise div, malheureusement quand je l'ai alignée ne pas venir comme ça,
comment puis-je retirer toutes les images à l'intérieur d'une balise div>?

ici est mon code html

<div class="site_contents"> 
    <div class="header"> 
    <div class="big_logo"></div> 
    <div class="work_nav"></div> 
    <div class="testimonial"></div> 
    <div class="cliants"></div> 
    <div class="testimonial"></div> 
    <div class="contact"></div> 
    </div> 
</div 

ici est mon code css

.site_contents { 
    height:auto; 
    width: 900px; 
    background-color: #666; 
    margin:0 auto; 
} 
.header { 
    background-color: #3CF; 
    height: 262px; 
    width:100%; 
    clear:both; 
    position:relative; 
    border:2px solid #000; 
} 
.header div 
{ 
    float: left; 
} 
.big_logo{ 
    background-color: #06C; 
    height: 262px; 
    width: 459px; 
    background: url(images/sitetemplate_header.gif) 0 -21px; 
} 
.work_nav { 
    background-color: #F00; 
    height: 159px; 
    width: 170px; 
} 
.testimonial { 
    background-color: #3F9; 
    height: 104px; 
    width: 170px; 
} 
.cliants { 
    background-color: #09C; 
    height: 262px; 
    width: 171px; 
} 
.contact { 
    background-color: #30C; 
    height: 262px; 
    width: 101px; 
} 

pourrait-il me aider s'il vous plaît

Answer 1

Ceci est presque ce que vous voulez. http://jsfiddle.net/

Vous devez faire attention à un certain nombre de choses.

1. work_nav et testimonial besoin d'être dans un div séparé que j'ai inclus (container2)

2. La largeur totale doit être ajustée. Je l'ai changé aussi. Vous pouvez jouer avec pour le faire selon ce dont vous avez besoin.

3. J'ai également inclus des bordures pour reconnaître chaque boîte. Vous devez supprimer ces bordures et la largeur prise par les bordures doit être soustraite de la largeur courante totale. Cela signifie ajuster à nouveau la largeur actuelle.