Page précédente Home Page suivante

Positionnement absolu

  • Un élément positionné de façon absolue l'est toujours par rapport à l'élément parent le plus proche ou,s'il n'y en a pas, l'élément BODY par défaut.

  • Les valeurs pour left et top sont relatives au coin supérieur gauche du premier élément précédent dans la hiérarchie.

  • Par exemple, pour placer une image au sommet supérieur gauche du document,
    vous fixez les attributs à 0 de cette façon :

    <IMG SRC="bqitourn.jpg" STYLE="position:absolute; left:0; top:0">

  • Ce qui positionne l'image à l'intérieur de la bordure de l'élément BODY.

  • Rappel : si aucune bordure n'est désirée, fixez la bordure à 0 et la position de l'image à 0,0 (valeur des coordonnées de la zone de travail utilisateur).
    L'image (élément IMG), le titre (élément H1) et le paragraphe (élément P) sont positionnés de manière absolue, par rapport à l'élément parent BODY.