Position de 2 div dans une div

Résolu/Fermé
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 - 1 avril 2011 à 20:48
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 - 7 avril 2011 à 22:25
Bonjour,

Je laisses de côté les tables pour débuté avec les div et j'ai un petit soucis

Sur mon site, j'ai une partie forum, donc a gauche je veux mettre l'info du membre et a côté a droite, je veux mettre son message. et le tout dans une autre div.
voici mon code:
css:
.f-rep{display:block;width:950px;padding:0;margin:5px 0 5px 0;}	

.f-rep-left{float:left;width:150px;border:1px solid red;}

.f-rep-right{text-align:left;margin-left:160px; width:780px;padding:10px 5px 10px 5px;}

<div class="f-rep">
   <div class="f-rep-left">info membre</div>
   <div class="f-rep-right">message du membre</div>
</div>



Le problème est que les div embaquent un par dessus les autres??

Que dois-je faire??

Merci mille fois de votre aide!!
A voir également:

4 réponses

Utilisateur anonyme
1 avril 2011 à 20:50
salut,
ton deuxième div prendra le même css que le premier div.

@+
0
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 54
1 avril 2011 à 20:52
bonjour, j'ai mis mes 2 class à "f-rep-left" masi c encore pire elle sont toute par dessus! :(

Avez une autre suggestion?

Pascal
0
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 54
1 avril 2011 à 21:02
aussi, c'est que c'Est du contenu très variable... Des fois la DIV de gauche sera plus grande en hauteur que la droite et vice-versa!!

Dois dois-je faire pour que la DIV qui engloble les 2 div prennent la hauteur de la plus haute des deux??

MErci mille fois!
0
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 54
1 avril 2011 à 21:34
J'ai réussi a faire ce que je veux en rajoutant <div style=\"clear:both;\"></div> avant mon </div> du gros container...

Est-ce correct?

Pascal
0
JooS Messages postés 2465 Date d'inscription mardi 22 janvier 2008 Statut Membre Dernière intervention 8 juin 2016 228
2 avril 2011 à 16:58
Salut, Ajoute un autre float:left; au deuxième div
0
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 54
7 avril 2011 à 22:25
merci beaucoup ;)
0