Comment centrer une div à droite ? [Résolu/Fermé]

Signaler
Messages postés
249
Date d'inscription
samedi 21 août 2010
Statut
Membre
Dernière intervention
28 mai 2019
-
Messages postés
318
Date d'inscription
lundi 23 juillet 2007
Statut
Membre
Dernière intervention
28 mars 2012
-
Bonjour,

J'ai une div principale qui contient deux autres div. J'aimerais mettre ces deux div l'une à coté de l'autre avec deux tailles différentes.

Voici les critères de la div principale.

.contenu
{
width: 1100px;
margin:auto;
}

et celles des deux autres,

.menu_vertical
{
margin-top: 100px;
width: 150px;
}

.texte
{
width: 800px;
}


2 réponses

Messages postés
318
Date d'inscription
lundi 23 juillet 2007
Statut
Membre
Dernière intervention
28 mars 2012
30
Bonjour,

as-tu essayé avec du float:left; dans chacune des deux div filles ?
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 76687 internautes nous ont dit merci ce mois-ci

Messages postés
249
Date d'inscription
samedi 21 août 2010
Statut
Membre
Dernière intervention
28 mai 2019
2
oui :) (je vais le dire juste en dessous)
Messages postés
1959
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
207
Pas bien compris le rapport entre le titre du post et la problématique du commentaire...
Enfin bref.

Pour mettre deux blocs l'un à coté de l'autre, le plus simple est d'utiliser un float.
.menu_vertical
{
width: 150px;
float:left
} 
.texte
{
width: 800px;
margin-left:155px;
} 

Messages postés
249
Date d'inscription
samedi 21 août 2010
Statut
Membre
Dernière intervention
28 mai 2019
2
j'ai déjà essayé cette technique et effectivement ça marche. le hic c'est que je ne dois pas utiliser un margin-left pour la div de droite car si plus tard si on doit changer la taille de telle ou telle div cela influe sur les autres. donc en fait j'aimerais savoir comment mettre celle de droite sans margin-left:155px
Messages postés
318
Date d'inscription
lundi 23 juillet 2007
Statut
Membre
Dernière intervention
28 mars 2012
30
met un float:left; sur les 2 class et sur le code html rajoute un <div style="clear:both;"></div> après tes 2 div menu_vertical et texte.
Messages postés
1959
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
207
tu n'es pas obligé de mettre un margin-left, le contenu du 2ème div se placera à droite tout de même.
C'est juste que les 2 div seront superposés. Mais ça ne pose pas forcément problème.

En même temps, si tu dois changer la taille du 1er div dans la CSS, ce n'est pas bien compliqué d'adapter la marge du second...
Messages postés
249
Date d'inscription
samedi 21 août 2010
Statut
Membre
Dernière intervention
28 mai 2019
2
mortel Eastchild ! c'est exactement ça <div style="clear:both;"></div je ne connaissais pas, j'ai appris un truc, trop cool !

merci à vous tous d'avoir cherché je suis soulagé.
Messages postés
318
Date d'inscription
lundi 23 juillet 2007
Statut
Membre
Dernière intervention
28 mars 2012
30
De rien ;-)