CSS:Positionnement absolu des éléments

Un article de WikiTuto.

Jump to: navigation, search

Apprendre les CSS

CSS

Généralités

Feuilles de style : appliquer un style

Feuilles de style : liste des éléments

Exemple de réalisation de feuille de style

Utilitaires CSS

Positionnement et affichage

Tableaux sans tableau

Bouton CSS sans programmation

Les bugs d'Internet Explorer

modifier Tdm CSS

Sommaire

1 position
2 top, bottom, left, right, width, height
3 visibility
4 z-index
5 Source
6 Voir aussi

[modifier]

position

positionnement de l'élément ; les valeurs autorisées sont static (emplacement normal), absolute (position fixe, par rapport au document), fixed (position fixe par rapport à la fenêtre du navigateur) relative (positionnement par rapport à la dernière boite affichée) ; il est à noter qu'Internet Explorer gère tout ceci très mal, à part absolute ;

[modifier]

top, bottom, left, right, width, height

respectivement position du bord supérieur, position du bord inférieur, position du bord gauche, position du bord droit, largeur de la boite, hauteur de la boite ; les valeurs autorisées sont une longueur exprimée dans les unités de la section intitulée « Unités de mesure », ou un pourcentage de l'élément contenant ;

[modifier]

visibility

rendre visible ou pas un élément ; les valeurs autorisées sont un des mots visible ou hidden ; attention : « visibility: hidden; » (l'élément n'est pas visible, mais il est affiché, et prend donc sa place dans l'affichage) n'est pas identique à « display: none » (l'élément n'est pas affiché et n'occupe aucun espace dans l'affichage) ;

[modifier]

z-index

positionnemnt vertical des éléments ; vous pouvez utiliser tout nombre comme valeur ; les éléments sont empilés dans l'ordre croissant des valeurs, au lieu de l'ordre dans lequel ils apparaissent dans le texte. é.

[modifier]