css 3 colonnes position absolute

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


frenchhorn
WRInaute passionné
WRInaute passionné
 
Messages: 847
Inscription: Jeu Fév 08, 2007 0:37

css 3 colonnes position absolute

Message le Ven Juin 15, 2007 0:38

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
Dernière édition par frenchhorn le Lun Juin 18, 2007 0:10, édité 1 fois.


Seraph
WRInaute impliqué
WRInaute impliqué
 
Messages: 398
Inscription: Dim Avr 02, 2006 22:35

Message le Ven Juin 15, 2007 1:03


Florent V.
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 183
Inscription: Mer Mai 16, 2007 13:17

Re: css 3 colonnes position absolute

Message le Ven Juin 15, 2007 10:00

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,
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 :roll:).
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é
WRInaute passionné
 
Messages: 847
Inscription: Jeu Fév 08, 2007 0:37

Message le Ven Juin 15, 2007 11:09

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...


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 :

Consultez la description détaillée des produits ou services de Google suivants : Google Earth Flight Simulator



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité