28220 sujets

CSS et mise en forme, CSS3

[Resolu] Formule

Bonsoir,

J'ai créé un footer 

# footer 
   { 
      position: absolute; 
      bottom: 5px; 
      left:50% ; 
        margin-left:-150px ;    
   }


Le pb est que suivant la taille de l'écran, la marge sera différente.

N'est il pas possible de :

Trouver la taille de l'écran de l'utilisateur

Trouver la taille du texte

Utiliser une formule avec ces deux éléments pour définir la marge.

Merci
Modifié par Photographiquement V (27 Nov 2005 - 22:08)
je ne comprends pas trop ce que tu veux faire:
Si tu veux centrer le footer tu n'as pas forcément besoin de connaître la marge. Je me demande juste si ce n'est pas mieux d'indiquer la largeur du footer, cad 300px.
Pour pouvoir centrer le footer, indiquer les marges est la seule solution comme cela est codé.

Mais ce pose le problème de la taille de l'écran de l'utilisateur.

D'où la question
moi quand je centre le footer je fais ainsi:

# footer 
   { 
      width: 300px; /*largeur du footer*/  
      position: absolute; left:50% ; 
      margin-left: -150px ; /*la moitié de la largeur de mon footer*/
   }

Je n'ai pas besoin de connaître la taille de l'écran de l'utilisateur...
Bonjour,

tes marges étant en pourcentages, elles dépendent de la largeur conteneur. Dans ton cas la fenetre de l'utilisateur. La "taille" (en px à l'écran) des marges va donc dépendre de la taille de la fenêtre user, de la résolution., et de la taille de police dans le cas où elle n'est pas fixée.

Si tu veux des marges fixes, spécifie-les en px, et adapte la largeur de ton footer en %, non ?
cela fonctionne sans problèmes Smiley smile
c'est une technique expliquée par Dave Shea dans "the Zen of Css design"
Je crois que je me suis mal exprimé.

Je n'ai pas de problème pour centrer .

Quand je parle de footer, c'est de mettre un texte tout en bas de ma page web et de plus centré et là cela se complique
Sujet clos
Aller à