Introduction

Ce TD traite de la propriété position, qui est un outil indispensable pour contrôler la mise en page d'un site web. Utiliser cette propriété pour des valeurs autres que celle par défaut oblige le navigateur à dessiner la page web sur plusieurs couches superposées, à fortiori si on donne une valeur de z-index différente de 0. Jouer avec ces couches offre des possibilités de design des pages web totalement inaccessibles avec le seul langage HTML.

S'il n'y avait qu'une chose à retenir concernant les 4 valeurs que nous allons étudier de cette propriété position, ce serait sans doute que absolute sert à placer alors que relative sert à déplacer (nous n'aborderons pas sticky car son utilisation, certes plus récente, implique des contraintes plus fortes au niveau de la structure html).