Débutant CSS ! Trois colonnes !

Bonjour,

Voilà : ici http://labyz.fr/
j'aimerais que les colonnes en bas, eh bien elles soient dans le cadre.

En réalité, les divs sont bien imbriqués dans le "div" général, et dès que ces div, je leur ajoute les propriétés

display:block;
float:right;

(ou float:left;)

elles sortent de la page (voir le site, vous avez l'exemple concret :cry:).

Comment devrais-je modifier les CSS pour que tout ça soit correct ?

NB : j'aimerais vraiment que ces textes (le groupe de mots et le texte explicatif) soient déclarés juste après le div qui contient la table.

Merci de votre aide, j'en peux plus des CSS !

salut, moi quant je met des float sur des div et que ceux-là fais sortir du div parent, je met un "float:left" sur le div parent qui contient les div qui pose probleme et je le centre avec un "margin-left". Apres tu peux aussi essayer de mettre des "clear:both" aux div enfants, mais ça j'ai pas encore bien cerné comment bien s'en servir.

Bonsoir

Tu peux rajouter un

Code:

---

1 2 3

.d_gen { overflow : hidden }

---

sur la classe d_gen.

Pour les explications : http://css4design.developpez.com/tut...flux-partie-2/

L'ancienne méthode est expliquée ici : http://css.developpez.com/tutoriels/...issement-flux/

^^ Merci j'ai bien fais de m'inscrire sur ce forum!!!

Bonsoir, super pour les explications :P, je vais les lire, par contre la modification ne fait qu'agrandir le carré (donc maintenant les div sont dedans), mais il restent en bas... voir mon site :

http://labyz.fr/

:cry:

Oui ils restent en bas, c'est normal. Tu veux les positionner où ? Dans ton premier message tu indiques juste que tu veux que ces div soient englobés par le parent...

Peut tu dire exactement ce que tu veux comme affichage ?

Voilà en fait ce que j'aimerais faire, et ensuite comment je m'y suis pris, je pense que le problème vient surtout de là.

J'aimerais :
- avoir une colonne à gauche de taille fixe
- avoir une colonne à droite de taille fixe
- un texte au centre de taille fixe

- le texte au centre avant les deux autres textes, dans le code html (pour des raisons d'accessibilité W3C).

Voilà ce que j'ai fait :
- un div avec id "d_gen" qui est le centre
- un div avec id "col_g" qui est un div / colonne de gauche
- un div avec id "col_d" qui est un div / colonne de droite

Et je n'arrive pas à changer le css pour arriver à mes fins.

Update : bon ok je l'ai changé, mais franchement sous Lynx, c'est pourri. Enfin je sais je sais 0,0000000000000001 % de la population utilise Lynx :roll: