28220 sujets

CSS et mise en forme, CSS3

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 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 :
#catlinks { position:fixed; top:0; right:0; width:auto; ... }


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://tousauxbalkans.jexiste.fr/A_brivele_der_mame
(bien entendu IE fait n'importe quoi, Opera fait ce que je veux, et Firefox fait entre les 2 Smiley langue )

Merci d'avance !
Modifié par iubito (15 Aug 2006 - 15:09)
Salut

Qu'est-ce que ça donne avec
position: absolute;
right: 0;
padding: 0;
}
?
Modifié par Sopo (12 Aug 2006 - 14:50)
Il le met sur la page où il apparaît dans le flux HTML, c'est à dire sur la deuxième sur l'exemple A brivele der mame...
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)