Page 1 sur 1

Positionnement relatif et espace vide

Publié : 03 mai 2012, 20:10
par Hell Pé
Bonsoir à tous,

Je pense que ce comportement est bien connu des développeurs Web : quand on déplace un élément positionné en relatif, avec ce genre de syntaxe :

Code : Tout sélectionner

position: relative;
top: -80px;
...avec Firefox, un espace vide est laissé là où l'élément se trouvait avant déplacement. D'après mes tests avec cette page web sur laquelle je travaille, il n'y a pas d'espace vide laissé sous Chromium et Epiphany (ce que je recherche : je ne veux pas qu'une barre de scrolling vertical apparaisse alors qu'il n'y a rien à voir).

Est-ce que ce comportement (qui me gême dans mon cas précis, mais est peut-être utile à d'autres) est celui normalement attendu en CSS ? Ou bien est-ce c'est un bug spécifique de Firefox à reporter (si ce n'est déjà fait) ?

Re: Positionnement relatif et espace vide

Publié : 04 mai 2012, 15:07
par Asumbaa
Salut,

C'est le comportement normal.
Si tu souhaites remonter ton élément tout en laissant la suite se mettre après, il faut utiliser une marge supérieure négative.

Re: Positionnement relatif et espace vide

Publié : 05 mai 2012, 16:59
par Hell Pé
Modification effectuée : j'ai opté pour un

Code : Tout sélectionner

margin-top: -80px;
et effectivement je n'ai plus d'espace vide.

Merci beaucoup !