Salut

J´ai un soucis de placement de différents éléments.

http://img341.imageshack.us/my.php?image=sanstitrele7.jpg

je voudrais mettre les cadre 1 et 2 au même niveau mais j´y arrive pas.

En html j´ai :

<div id="corps">
<div class="test1">
<p>test</p>
</div>
<div class="test2">
<p>test</p>
</div>
</div>

et en CSS :

1. corps

{
width: 900px;
border:1px solid black;
}
.test1
{
width:300px;
border:1px solid black;
}
.test2
{
width:600px;
position:relative;
left:35%;
top:0px;
border:1px solid black;
}

Merci davance

J´ai oublié de préciser que je ne mettait pas de "position:absolute" puisque dans le CSS j´ai :
body
{
width: 900px;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/fond.jpg");
margin-left: auto;
margin-right:auto;
}

essai de réduire la taille de l´une des 2 classes test, car sous IE c´est souvent ca, meme si la taille tombe juste, il nous fait en retour a la ligne, et oui IE est bete

L´mpression d´écran est prise sous firefox, et même en diminuant la taille, ça ne change rien.

En fait ce que je veux c´est pouvoir écrire dans deux colonnes différentes dans un même élément du corps et je vois vraiment pas comment faire.

Donc si vous avez la solution...

principe :

<div id="ensemble">

<div id="gauche"></div>
<div id="droit"></div>

<div id="clear"></div>
</div>

1. ensemble {

width:largeur;
}

1. gauche {

width:largeur;
float:left;
}

1. droit {

width:largeur;
float:right;
}

1. clear ´

clear:both;
}

clear: both

Ca met au mileu un bloc ?

Merci beaucoup

Slash[S]nakepit >
clear:left|right|both(left aa right) annule l´effet d´un ou des floats qui se trouvent avant ce qui permttre d´avoir l´ensemble #ensemble qui s´adapte a la taille de #gauche et #droit