[CSS] aligner deux éléments parallèles contenus dans un troisième

Salut à tous, c’est parti pour un n-ième thread sur les CSS.

Alors, voila j’ai un élément appellé maincontainer dans lequel je voudrais mettre deux élements (left et right), l’un à gauche et l’autre à droite. Un peut comme ceci :

blablablabla
blablablabla

avec le code css suivant il y a un problème :

#left{

}
#right
{
 position:absolute;
 top: 90px;
 float:right;
 right:50px;
 
}
#maincontainer
{
 margin-left: 40px;
 margin-right: 40px;
 margin-bottom: 40px;
 margin-top: 0px;
 background-color:#C2C2C2;
 padding:5px;
 overflow:visible;
}
[/quote]En effet l’élément right sort du flux (flow) de données à cause de l’attribut position:absolute; 
Donc il dépasse du bloc maincontainer si il est plus grand que ce dernier (car maincontainer ne se redimensionne pas).

Ben voila mon problème, j’espere que quelqu’un me trouvera une solution sinon je serait obligé d’utiliser les tableaux pour cette mise en page, alors que j’utilise les CSS pour me débarasser de ces put1 de tableaux.

Il a pas lu le thread mis en tete … Lock.