Problème, 2 colonnes de texte en CSS

Problème, 2 colonnes de texte en CSS - HTML/CSS - Programmation

Marsh Posté le 16-02-2008 à 00:30:39    

Salut à tous  :hello:  
 
j'ai un petit problème (gros en faite ^^) j'ai un site, et dans le corps principal de mon site, j'ai deux colonnes de texte, une à gauche et une à droite.
 
Lorsque je positionne celle de gauche avec un <div> et qu'ensuite je positionne celle de droite avec elle aussi un <div> celle de droite est plus basse donc je la positionne égale à l'autre avec du CSS (margin-top : -Xpx).
 
Par contre, voici mon problème : lorsque je les positionnes avec du texte quelconque, c'est correcte, mais dès que je rajoute ou enlève du texte à une des deux colonnes, l'autre décale vers le haut ou le bas... Pas moyen qu'elles soient égales si je change de texte...
 
Existe-il un moyen en CSS de faire en sorte que lorsque nous avons 2 colonnes elles soient toujours égales peu importe si on change ou non la longueur du texte ?
 
En espérant que vous m'ayez compris,
 
Daniel.

Reply

Marsh Posté le 16-02-2008 à 00:30:39   

Reply

Marsh Posté le 16-02-2008 à 18:50:11    

Personne n'a une petite idée ?

Reply

Marsh Posté le 23-02-2008 à 17:02:50    

Code :
  1. <div class="colGauche">
  2. lorem ipsum
  3. </div>
  5. <div class="colDroite">
  6. lorem ipsum
  7. </div>


Code :
  1. .colGauche {
  2.    float:left;
  3.    width:50%;
  4.    _margin-right:-3px; /* hack IE pour corriger le bug des 3px float */
  5. }
  6. .colDroite {
  7.    overflow:hidden;
  8.    zoom:1
  9. }


Voila et tu ne mets RIEN mais strictement RIEN d'autre et bizarrement ca marchera du premier coup sans te soucier de quoi que ce soit


Message édité par gatsu35 le 23-02-2008 à 17:03:08
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed