div en position absolue, quel point de référence?

**Gizmil** · 09/11/2007, 20h08

Salut,

Je crée un site web, voici comment il se présente:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<body><div id="contenerGlobal">
    <div ID="header">ici, plusieurs blocs constituant mon graphisme</div>
    <div ID="menuHorizontal1">ici, plusieurs blocs constituant mon graphisme</div>
    <div ID="body">ici, plusieurs blocs constituant mon graphisme</div>
    <div ID="menuHorizontal2">ici, plusieurs blocs constituant mon graphisme</div>
</div></body>

On m'a dit que je devais de préférence placer mes blocs "graphisme" en position absolue car ces blocs prendraient pour point de référence le x=0,y=0 de leur bloc parent, c'est-à-dire header, menuHorizontal1, body, menuHorizontal2.
Le problème, c'est que ça n'a pas l'air d'être le cas! Mes blocs "graphisme" se placent par rapport au coin supérieur droit de mon écran, comme s'ils prenaient leur point de référence par rapport à body! Du coup, je ne sais plus trop ce que je dois faire...

Si vous pouvez m'aider, ça m'arrangerait vraiment car c'est un travail assez urgent! Merci!

**Bisûnûrs** · 09/11/2007, 20h26

Je te conseille de lire les cours CSS :

http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

**Gizmil** · 09/11/2007, 20h52

Merci mais j'ai déjà lu ça, c'est même une des premières choses que j'ai lu! Je ne vois pas vraiment en quoi ça m'aide vu qu'on y parle surtout des div flottantes et que moi, j'essaye de débrouiller un problème de div en position absolue!

Crois-moi, j'ai déjà lu pas mal de tutos mais les tutos n'expliquent pas tout, contrairement à ce qu'on croit! J'ai vraiment besoin d'une aide directe! Et puis c'est assez urgent et je n'ai plus trop le temps de lire tout ça...

**Bisûnûrs** · 09/11/2007, 20h57

C'était juste pour signaler que la mise en page avec des blocs en absolu n'est pas la meilleure qui soit, étant donné que les éléments sont hors flux et n'intéragissent nullement entre eux, donc aucune cohérence.

Pour résoudre ton problème un simple position:relative sur ton div contenerGlobal devrait faire l'affaire.

L'explication : Les éléments en position:absolute se positionnent par rapport à leur premier parent positionné, à défaut, le body.

**Gizmil** · 09/11/2007, 21h49

Ok! Mais tu entend quoi par "positionné"?

Edit > Compris! "positionné" = possédant la propriété position:

**orphen** · 09/11/2007, 23h17

Position:relative est le code a entrer dans le css de ton div conteneur(pour le remettre dans le flux).

Et rien de plus simple que de faire des test crée deux div imbriquer une de 600x600 et celle a l'interieur de 300x300 met leurs une bordure de couleur differente.

Met un position absolute sur ton div interne et met left 0 et top 0.

regarde dans ton navigateur.

met ensuite left 10px et top 10px et regarde a nouveau

tu verra le resultat.

**Bisûnûrs** · 10/11/2007, 01h24

?

div en position absolue, quel point de référence?

Positionnement en CSS

Discussions similaires

Partager

Partager