Problème de css

nikizim Messages postés 76 Statut Membre -  
XanderS2X Messages postés 448 Statut Membre -
Bonjour,

Le code HTML suivant :
<div id="content">
  <div id="gauche">Placez ici le contenu de  id "content"</div>
  <div id="centre">Placez ici le contenu de  id "content"</div>
  <div id="droite">Placez ici le contenu de  id "content"</div>
  <div class="correction"></div>
</div>


Voila ce que je souhaite faire :

1 - Trois colonnes les unes a coté des autres.
2 - La colonnes id="gauche", doit être bien sûr à gauche :) mais en largeur peux être modulaire suivant la définition de l'écran du visiteur.
3 - Les colonnes id="centre" et id="droite" viennent se mettre l'une à coté de l'autre et en flottant à droite et ont une taille fixe. Par exemple 150px chacune.

Remarque : La class "correction" à pour style "clear:both" car mes colonnes peuvent avoir une hauteur différente chacune.

J'arrive bien à mettre les colonnes les unes à cotés des autres mais je n'arrive pas à faire en sorte que la colonne de gauche soit modulaire suivant la définition de l'écran.

Quelqu'un saurait-il comment faire ?

Merci par avance.
Configuration: Windows Vista
Firefox 3.0.4

2 réponses

  1. nikizim Messages postés 76 Statut Membre 11
     
    Snif je n'y arrive toujours pas.

    Y a t'il une solution ?
    0
    1. XanderS2X Messages postés 448 Statut Membre 26
       
      Bonjour,

      Je suppose que vous avez fait un "width:auto;" en CSS pour cette fameuse DIV modulaire ?
      0
  2. nikizim Messages postés 76 Statut Membre 11
     
    Merci mais oui j'ai déjà essayé :) mais cela ne fonctionne pas puisque 2 DIV sont alignés à droite et la DIV dont je veux quel soit modulaire est à gauche. Et celle-ci ne s'agrandit pas pour rejoindre les 2 autres.

    j'ai aussi fait : width:100%;

    Je sais c'est pas très claire mais c'est pas facile a expliquer.

    mais je reste ouvert à d'autres solutions
    0
    1. XanderS2X Messages postés 448 Statut Membre 26
       
      Pourquoi ne pas mettre la DIV modulaire au centre ?

      Comme ici.

      Au pire, peut être que vous trouverez parmi ces modèles de mise en page en CSS, une alternative qui solutionnera votre problème.
      0