{Css/xHtml} Probleme de positionnement

Résolu
Bonjour bonjour! :)

J'ai un problème avec une feuille de style...

En voici l'extrait :
.contenu_racourcies {
width:170px;
height:350px;
display:block;
float:left;
}
.contenu_bienvenue {
width:300px;
height:400px;
display:block;
float:left;

padding-left:5px;
margin-left:10px;

text-align:justify;
background-image:url('images/bg_sq_02.png');
background-repeat:no-repeat;
}
.contenu_promo {
width:auto;
height:400px;

display:block;
float:left;
padding-left:5px;
margin-left:15px;

text-align:justify;
background-image:url('images/bg_sq_01.png');
background-repeat:no-repeat;
}

J'aimerais les aligné tout les 3 sur la meme "ligne", ce qui fonctionne bien, mais j'aimerais que .contenu_promo prenne le reste de l'expace sur ma page... Comment puis-je faire?

Je vous remercie!
Configuration: Windows 7 RC1 Windows Internet Explorer 8 Mozilla Firefox 3

5 réponses

  1. mettre la propriété width de .contenu_promo à 100% ?
    0
    1. Merci davoir répond vite..

      Non sa ne fonctionne pas, on dirait qu'il prend la largeur maximal a sa disposition, c'Est a dire ".contenu" qui est égal a 98% de la page, centré...

      :(
      0
      1. Salut!
        C'est pas ton float:left; sur le dernier qui gène?
        0
        1. Contributeur
          salut,

          sur "promo", enlève le {float:left;} et ajoute une marge gauche égale à la largeur des deux autres.
          0
          1. Merci beaucoup ! (Et désolé de la lenteur de ma réponse...)

            Vous m'avez été d'une grande utilité :P

            Bonne programmation!!
            0