{Css/xHtml} Probleme de positionnement

Résolu/Fermé
Jeremy_me Messages postés 31 Date d'inscription lundi 13 juillet 2009 Statut Membre Dernière intervention 24 septembre 2009 - 14 juil. 2009 à 22:45
Jeremy_me Messages postés 31 Date d'inscription lundi 13 juillet 2009 Statut Membre Dernière intervention 24 septembre 2009 - 4 sept. 2009 à 23:10
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!

5 réponses

Rodolphe_ Messages postés 1481 Date d'inscription samedi 7 mai 2005 Statut Membre Dernière intervention 20 décembre 2014 285
14 juil. 2009 à 23:02
mettre la propriété width de .contenu_promo à 100% ?
0
Jeremy_me Messages postés 31 Date d'inscription lundi 13 juillet 2009 Statut Membre Dernière intervention 24 septembre 2009 1
14 juil. 2009 à 23:04
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
pashmina Messages postés 688 Date d'inscription mercredi 16 mai 2007 Statut Membre Dernière intervention 5 mai 2010 71
14 juil. 2009 à 23:50
Salut!
C'est pas ton float:left; sur le dernier qui gène?
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
15 juil. 2009 à 10:19
salut,

sur "promo", enlève le {float:left;} et ajoute une marge gauche égale à la largeur des deux autres.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Jeremy_me Messages postés 31 Date d'inscription lundi 13 juillet 2009 Statut Membre Dernière intervention 24 septembre 2009 1
4 sept. 2009 à 23:10
Merci beaucoup ! (Et désolé de la lenteur de ma réponse...)

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

Bonne programmation!!
0