css 3 colonnes position absolute
4 messages
• Page 1 sur 1
-

frenchhorn - WRInaute impliqué

- Messages: 849
- Inscription: 8 Fév 2007
css 3 colonnes position absolute
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
merci pour vos conseils
faites de beau reves...à demain
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
merci pour vos conseils
faites de beau reves...à demain
Dernière édition par frenchhorn le Lun Juin 18, 2007 0:10, édité 1 fois.
- Florent V.
- WRInaute discret

- Messages: 183
- Inscription: 16 Mai 2007
Re: css 3 colonnes position absolute
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,
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
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
).
http://css.alsacreations.com/Faire-une- ... web-en-CSS
(Je rappelle : sauf contrainte forte, ne pas utiliser le positionnement absolu pour le centrage.)
Mouais, c'est un peu flou tout ça.
Une petite révision :
http://openweb.eu.org/articles/initiation_absolue/
Bonne continuation.
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,
frenchhorn a écrit:- 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
frenchhorn a écrit:- 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
http://css.alsacreations.com/Faire-une- ... web-en-CSS
(Je rappelle : sauf contrainte forte, ne pas utiliser le positionnement absolu pour le centrage.)
frenchhorn a écrit: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 - WRInaute impliqué

- Messages: 849
- Inscription: 8 Fév 2007
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...
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...
4 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
- [CSS] Height avec les div en position absolute
- position absolute
- Position absolute hors de l'écran
- position: absolute; avec un fichier flash
- Position absolute et margin-bottom aucun effet
- Impact des styles (position absolute) sur Google
- css absolute sous Firefox
- 3 colonnes en CSS
- colonnes CSS
- Présentation à 2 colonnes Full CSS
Consultez la description détaillée des produits ou services de Google suivants : Google Earth Flight Simulator
- Trouver la position de son site dans Google
Cet outil vous permet de vérifier si une ou plusieurs page(s) de votre site arrive(nt) dans les premiers résultats de Google, pour certains mots-clés recherchés. - Trouver la position de son site dans Yahoo
Cet outil vous permet de vérifier si une ou plusieurs page(s) de votre site arrive(nt) dans les premiers résultats de Yahoo, pour certains mots-clés recherchés.
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

