css 3 colonnes position absolute
4 messages • Page 1 sur 1
Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics
-

frenchhorn - WRInaute passionné

- Messages: 847
- Inscription: Jeu Fév 08, 2007 0:37
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 occasionnel

- Messages: 183
- Inscription: Mer Mai 16, 2007 13:17
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 passionné

- Messages: 847
- Inscription: Jeu Fév 08, 2007 0:37
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
Formation recommandée sur ce thème :
Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Nouveau weblog spécial Google
- Selon 1ère Position / Xiti, "Google monte toujours !"
- Classement Xiti/1ère Position des outils de recherche en France - Juillet 2002
- Google crawle les fichiers CSS
- Google gagne encore beaucoup de terrain
- Classement Xiti/1ère Position des outils de recherche en France - Août 2002
- Le triangle d'or des pages de résultats Google
- Customize Google (extension Firefox)
- Le 1er magazine papier avec des liens cliquables
- Résultats de l'enquête sur le marché du référencement
- [CSS] Height avec les div en position absolute
- position absolute
- 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
- affichage text en css sur plusieurs colonnes
- [CSS] Justifier verticalement du texte dans 2 colonnes
- 2 colonnes en CSS, décalage sous Internet Explorer
- "Position:absolute" du SPAM !!? (Avis d'experts R
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 1 invité


le forum