Comment centrer une div à droite ?

Résolu/Fermé

petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 - 24 août 2010 à 11:05
Eastchild Messages postés 319 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 - 24 août 2010 à 11:39

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;
}

A voir également:

Aligner une div à droite css
Alignez la date à droite. alignez "monsieur le directeur” à gauche. alignez des deux côtés le texte du courrier. ✓ - Forum Word
Barre droite clavier ✓ - Forum Autres distributions Linux
Barre droite mac - Forum MacOS
Le signe " | " dans excel - Forum Excel
Touche du clavier barre verticale - Forum Windows

2 réponses

Réponse 1 / 2

Eastchild Messages postés 319 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
24 août 2010 à 11:19

Bonjour,

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

petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
24 août 2010 à 11:24

oui :) (je vais le dire juste en dessous)

Réponse 2 / 2

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
24 août 2010 à 11:20

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;
}

Eastchild Messages postés 319 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
24 août 2010 à 11:22

Peut-être veut il les positionner à droite. Un float:right; serait peut être ce qu'il faut.

petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
24 août 2010 à 11:28

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

Eastchild Messages postés 319 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
24 août 2010 à 11:32

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.

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 24/08/2010 à 11:34

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...

petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
24 août 2010 à 11:37

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é.

Discussions similaires

2 div cote a cote dans une div

div à 100% ne remplit pas toute la largeur??

html Afficher/cacher une DIV sur clique <a>

Ecrire dans un div avec une fction javascript

2 <div> sur la même ligne ?

MOYENNE excel sans #DIV