Aide - Recherche - Membres - Calendrier
Version complète : Positionnement de div
Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS
tochbee
Salut,

Je suis en train de tester un truc qui me sera utile par la suite...
Mon problème est le suivant, j'aimerais aligner 3 div les unes a coté des autres sur la largeur de l'écran, je fais donc comme suis :

Le fichier HTML :

CODE


<div id="col_1">colone 1</div>

<div id="col_2">colone 2</div>

<div id="col_3">colone 3</div>



Le fichier CSS :

CODE


#col_1 {

background-color: #0000CC;

position: relative;

width: 50%;

}



#col_2 {

position: relative;

background-color: #FF6600;

width: 25%;

left:50%;

}



#col_3 {

position: relative;

background-color: #FFFF66;

width: 25%;

left:75%

}





Pour ceux qui veulent tester, on a le résultat presque attendu mais le problème est que les div sont les unes au dessous des autres, j'aimerais qu'elles soient aligné, c'est possible?
Petite précision, je ne peux pas utiliser "position: absolute" puisque ceci sera intégré dans une partie du site.

En fait, je retire des données d'une BDD et je les affiches mais si c'est possible, je préfère ne pas utiliser les tableaux (peut-être ais-je tort???)

Merci de votre aide

Bertrand
thegwil
Yo !

Pour l'alignement, je te propose ceci :
CODE
#col_1 {

  background-color: #0000CC;

  width: 50%;

  float: left;

}



#col_2 {

  background-color: #FF6600;

  width: 25%;

  float: left;

}



#col_3 {

  background-color: #FFFF66;

  width: 25%;

  float: left;

}



QUOTE
En fait, je retire des données d'une BDD et je les affiches mais si c'est possible, je préfère ne pas utiliser les tableaux (peut-être ais-je tort???)

Dans ce cas précis, l'utilisation des tableaux est tout à fait indiquée.
tochbee
Tout simple en fait.. wink.gif

Merci beaucoup de ton aide!! smile.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2009 Invision Power Services, Inc.