Comment placer deux divs à l'autre

Question

Comment puis-je placer deux divs le suivant comme celui-ci dans l'image.

alt text http://img223.imageshack.us/img223/149/59524904qd1.png

Answer 1

Tout ce que vous devez faire est de flotter les deux divs à gauche et appliquer les styles nécessaires pour atteindre celui l'image (j'ai juste fait quelque chose de similaire, la seule chose qui correspond exactement aux couleurs). Si vous flottez un de chaque côté, vous ne contrôlerez pas la séparation de ceux-ci si la taille de la fenêtre change sauf s'ils sont à l'intérieur d'un conteneur, c'est pourquoi j'aime flotter tous les deux du même côté et sélectionner une marge. Ce ne sont que des préférences personnelles qui n'impliquent pas qu'il vaut mieux faire autrement.

<style> 
.floatOne{ 
    float:left; 
    margin-right:10px; 
    background-color:#ff6464; 
    height:300px; 
    width:80px; 
    } 

.floatTwo{ 
    float:left; 
    margin-right:10px; 
    background-color:#6485ff; 
    height:300px; 
    width:200px; 
    } 
</style> 

<div class='floatOne'>Some text</div> 
<div class='floatTwo'>Some text</div> 

est ici la sortie de mon code:

floating divs http://img532.imageshack.us/img532/4254/stackh.jpg

Answer 2

flotteur div # 1 gauche et le flotteur div # 2 droite:

<div id="1" style="float:left;"></div> 
<div id="2" style="float:right;"></div>