{Css/xHtml} Probleme de positionnement
Résolu
Jeremy_me
Messages postés
38
Statut
Membre
-
Jeremy_me Messages postés 38 Statut Membre -
Jeremy_me Messages postés 38 Statut Membre -
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!
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
-
mettre la propriété width de .contenu_promo à 100% ?
-
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é...
:( -
Salut!
C'est pas ton float:left; sur le dernier qui gène? -
salut,
sur "promo", enlève le {float:left;} et ajoute une marge gauche égale à la largeur des deux autres.
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Merci beaucoup ! (Et désolé de la lenteur de ma réponse...)
Vous m'avez été d'une grande utilité :P
Bonne programmation!!
