Utiliser position absolut vis à vis du body ?

Utiliser position absolut vis à vis du body ? - HTML/CSS - Programmation

Marsh Posté le 05-11-2005 à 16:12:35    

Bonjours, j'aimerais utiliser les propriété du position absolute (top, left, ....), mais avec le body (body centré et de taille fixe) et non le cadre du navigateur web, c'est possible ?
 
Merci d'avance.
 
Siron


Message édité par Siron le 05-11-2005 à 16:13:18
Reply

Marsh Posté le 05-11-2005 à 16:12:35   

Reply

Marsh Posté le 05-11-2005 à 17:00:07    

Un élément positionné en absolu se place toujours par rapport au dernier conteneur positionné.
Si ton body est positionné, alors le contenu positionné se placera à l'intérieur. Sinon, il va se placer par rapport au bords du document.
 
Revoir les schémas de positionnement :
http://css.alsacreations.com/Bases [...] ses-en-CSS
 
Bonne chance ;)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 05-11-2005 à 17:45:02    

Si le body est centré, c'est concideré comme un positionnement ?
 
Sinon je crois que j'ai un bug, y'a un truc qui foire :
 
Le body fait 960 px de large, y'a un div de 156px de large collé sur le bord gauche, et enssuite quand je veux mettre un autre div à droite du premier div (avec 8 px de marge), je lui donne une position de 156+8=164 vis à vis du bord gauche du body, or le div ce place à 152 et non 164 du bord, donc il ampiette sur le premier.
 
A quoi ce probleme est du ?

Reply

Marsh Posté le 05-11-2005 à 17:54:02    

Non, en fait c'est parceque avec absolut il place vis à vis du cadre du navigateur.
 
Comment je peux positionner mon body pour qu'il soit centré dans l'axe horizontal du navigateur ?
 
Pour le moment pour le body j'ai ça :

Citation :

body  
 {
 width: 960px;
 margin: auto; /* Pour centrer notre page */
 margin-top: 20px;  
 margin-bottom: 20px;
 background-color: #999999;
 z-index: 1;
 }


 
 
EDIT : j'ai finalement utilisé un systeme de div encastré dans d'autre div, sous dreamweaver la présentation donne comme je veux, mais sous firefox ou IE c'est catastrophique, ça part n'importe comment.
C'est a cause des divs dans d'autre div ?


Message édité par Siron le 05-11-2005 à 18:55:09
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed