css 3 colonnes position absolute


frenchhorn
WRInaute impliqué
WRInaute impliqué
 
Messages: 849
Inscription: 8 Fév 2007

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 occasionnel
WRInaute occasionnel
 
Messages: 403
Inscription: 2 Avr 2006

Message le Ven Juin 15, 2007 1:03


Florent V.
WRInaute discret
WRInaute discret
 
Messages: 183
Inscription: 16 Mai 2007

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 impliqué
WRInaute impliqué
 
Messages: 849
Inscription: 8 Fév 2007

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


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités