css 3 colonnes position absolute

[frenchhorn]

bonjour

je souhaite faire un site "3 colonnes" en possition absolute


mon probleme:

- pourquoi le conteneur (en noir) ne s'aggrandit pas et comment faire?
- comment centrer la page? là c'est un mystere...

si j'ai bien compris:

-la position absolute est une position relative par rapport à l'ancetre: ici gauche et droite ont pour ancetre conteneur.
- une div en position absolute se positionne uniquement par rapport une div déjà positionnée (ou html par defaut)


mais je ne vois toujours pas comment comment centrer la page 8O

merci pour vos conseils

faites de beau reves...à demain

 

[Seraph]

Facile :
https://www.google.fr/search?source=ig&h ... ogle&meta=

hi hi hi !

 

[Florent V.]

Bonjour,

Déjà, commencer par utiliser un Doctype valide, afin d'avoir un rendu en mode standard et non pas un rendu en mode Quirks.
http://css.alsacreations.com/Tutoriels- ... -ou-quirks

Ensuite,

- pourquoi le conteneur (en noir) ne s'aggrandit pas et comment faire?

Il ne s'agrandit pas parce que ses enfants sont positionnés en absolu, et donc sortent du conteneur. De plus, la hauteur de 100% correspond à une hauteur d'écran, et pas à 100% de la page (la « page » n'étant pas une mesure disponible en CSS).

Solution : ne pas utiliser le positionnement absolu dans ce cas.
Une piste :
http://css.alsacreations.com/Faire-une- ... t-flottant

- comment centrer la page?

Avec la technique des marges automatiques appliquée au conteneur (qui ne doit pas être positionné en absolu non plus... c'est fou cette manie d'avoir recours systématiquement au positionnement absolu :roll.
http://css.alsacreations.com/Faire-une- ... web-en-CSS
(Je rappelle : sauf contrainte forte, ne pas utiliser le positionnement absolu pour le centrage.)

la position absolute est une position relative par rapport à l'ancetre: ici gauche et droite ont pour ancetre conteneur.
- une div en position absolute se positionne uniquement par rapport une div déjà positionnée (ou html par defaut)

Mouais, c'est un peu flou tout ça.
Une petite révision :
http://openweb.eu.org/articles/initiation_absolue/

Bonne continuation.

 

[frenchhorn]

whaou ! merci Florent V. !

mon probleme est presque resolu.

j'ai un dernier petit soucis

j'ai lu 2 heures de doc à propos de min-height:

est on obligé d'utiliser un hack pour IE ? c'est vraiment nul IE...