Bonjour, je suis en train de créer une interface web, sauf que j'ai un petit problème.

La page est composer en 4 zones :
- zoneBoutons qui prend toute la largeur de la page en haut
- zoneTexte qui sera juste en dessous et qui prendra aussi la largeur de la page
- zoneMilieuGauche et zoneMilieuDroite qui seront sur la même ligne côte à côte

Le problème vient au zoneMilieu, si je met le même heigth aux deux, une est plus grande que l'autre.

Je met width: 25% à l'une et width: 75% à l'autre (sans margin-left pour qu'elles soient collé), la zone de droite est trop grande et se met en dessous .. je suis obligé de réduire et mettre une valeur "batarde" pour à peu près aligner le tout ..

.css :

1. zoneBoutons

{
height: 30px ;
}

1. zoneTexte

{
height: 55px ;
margin-top: 5% ;
border: black 2px solid;

background-image:url("../images/arrierePlan.jpg");

overflow:scroll ;
}

1. zoneMilieuGauche

{
width: 25% ;
height: 270px;
border: black 2px solid;
overflow:scroll ;
float: left ;
position:relative ;

background-image:url("../images/arrierePlan.jpg");

}

1. zoneMilieuDroite

{
border: black 2px solid;
overflow:scroll ;
width: 72.546% ;
height: 270px ;

background-image:url("../images/arrierePlan.jpg");

padding-left: 2% ;
padding-top: 2% ;
float: left ;
position:relative ;
}

Voilà une capture du résultat :
http://img168.imageshack.ck.us/img168/827/capturend.jpg

Merci

je pense que tu auras plus de succes sur le forum 'creation de site web'

Ce serait pas ton padding qui pose problème a tout hasard?

Sinon un bout de piste ici
http://www.welovecss.com/showthread.php?t=465

Puis aussi, si tu as firefox, télécharge firebug et édite le style CSS directement sur la page, très pratique.