Discussion :

[iubito]

Salut !

Je suis en train de travailler la mise en page à l'impression pour faire un recueil de chansons de mon wiki Tous aux Balkans !

Sur les pages contenant des paroles de chansons, il y a un div id="catlinks" tout en bas, qui contient les catégories de la chanson (pays, rythme, type de danse). J'essaye d'avoir ce petit encart toujours à un même endroit, peu importe la longueur de la page, par exemple en haut à droite de la première page.

J'ai réussi à le faire en appliquant le style suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#catlinks { position:fixed; top:0; right:0; width:auto; ... }

En mettant position:absolute, cet encart va apparaître en haut à droite mais uniquement sur la dernière page

Problème, si mon texte fait 2 pages, cet encart réapparait sur la 2e page en haut à droite.

D'où ma question Comment dire en CSS de mettre un élément en haut à droite de la première page uniquement, et pas des autres, alors que cet élément est à la fin du flux HTML ?
Un exemple -> http://www.tousauxbalkans.net/A_brivele_der_mame
(bien entendu IE fait n'importe quoi, Opera fait ce que je veux, et Firefox fait entre les 2 )

Merci d'avance !

[iubito]

Résolu, il fallait bien que je mette en position absolute, et pour que ça remonte tout en haut du contenant, mettre un float right, plus positionnements et dimension (right, top, width)