Les feuilles de styles CSS
DEUXIÈME PARTIE
120
Quand positionner en absolu ou en fixe ?
Ces schémas de positionnement font sortir du flux, ce qui peut aboutir à un affichage
ne reflétant pas la structure HTML. Ce n’est pas recommandé : un document doit
être compréhensible même si les styles CSS sont désactivés.
Internet Explorer commence à peine (depuis la très récente version IE7) à prendre en
charge le positionnement fixe (à moins de verser dans des « bidouilles », réservées aux
experts, ce ne sera pas possible pour les anciennes versions). Le positionnement
absolu, très bien assimilé par tous les navigateurs modernes, est donc bien plus pratique.
Son utilisation par défaut sur les logiciels WYSIWYG, massive et contraignante
(positionnement au pixel près) lui ont donné bien mauvaise réputation. Il est tout à
fait déconseillé pour les éléments de contenu (textes, images) devant rester fluides les
uns par rapport aux autres.
Correctement utilisé (notamment avec des unités de tailles relatives comme em ou
des pourcentages), le positionnement absolu permet pourtant la construction de
pages fluides s’adaptant aux diverses résolutions et aux changements de taille des
polices. Il permet aussi de centrer très simplement un site entier dans la fenêtre du
navigateur (voir à ce sujet le chapitre suivant).
C’est donc une méthode de positionnement intéressante pour la structure globale du
site, les conteneurs généraux, les grandes zones de la page et les éléments uniques
(en-têtes, menus, pieds de page, etc.)
Quand positionner en flottant ?
Ici, l’élément sort du flux mais reste dépendant des autres éléments flottants, ce qui
permet d’aligner simplement plusieurs objets côte à côte.
Technique intermédiaire entre les positionnements en flux (très instinctif ) et absolu
(complètement hors du flux), ce positionnement est utile pour placer des éléments
d’un côté ou de l’autre dans un contenu (par exemple une illustration).
C’est un concurrent fréquent du positionnement absolu pour le placement des grands
blocs conteneurs. Cependant, quelques défauts d’affichage et imprécisions dans les
navigateurs imposent parfois des solutions de contournement.
DEUXIÈME PARTIE
120
Quand positionner en absolu ou en fixe ?
Ces schémas de positionnement font sortir du flux, ce qui peut aboutir à un affichage
ne reflétant pas la structure HTML. Ce n’est pas recommandé : un document doit
être compréhensible même si les styles CSS sont désactivés.
Internet Explorer commence à peine (depuis la très récente version IE7) à prendre en
charge le positionnement fixe (à moins de verser dans des « bidouilles », réservées aux
experts, ce ne sera pas possible pour les anciennes versions). Le positionnement
absolu, très bien assimilé par tous les navigateurs modernes, est donc bien plus pratique.
Son utilisation par défaut sur les logiciels WYSIWYG, massive et contraignante
(positionnement au pixel près) lui ont donné bien mauvaise réputation. Il est tout à
fait déconseillé pour les éléments de contenu (textes, images) devant rester fluides les
uns par rapport aux autres.
Correctement utilisé (notamment avec des unités de tailles relatives comme em ou
des pourcentages), le positionnement absolu permet pourtant la construction de
pages fluides s’adaptant aux diverses résolutions et aux changements de taille des
polices. Il permet aussi de centrer très simplement un site entier dans la fenêtre du
navigateur (voir à ce sujet le chapitre suivant).
C’est donc une méthode de positionnement intéressante pour la structure globale du
site, les conteneurs généraux, les grandes zones de la page et les éléments uniques
(en-têtes, menus, pieds de page, etc.)
Quand positionner en flottant ?
Ici, l’élément sort du flux mais reste dépendant des autres éléments flottants, ce qui
permet d’aligner simplement plusieurs objets côte à côte.
Technique intermédiaire entre les positionnements en flux (très instinctif ) et absolu
(complètement hors du flux), ce positionnement est utile pour placer des éléments
d’un côté ou de l’autre dans un contenu (par exemple une illustration).
C’est un concurrent fréquent du positionnement absolu pour le placement des grands
blocs conteneurs. Cependant, quelques défauts d’affichage et imprécisions dans les
navigateurs imposent parfois des solutions de contournement.