Imprimer

[micky]

Bonjour,

Je souhaite savoir comment dans une page web, placer un bloc rectangulaire (genre pied de page), TOUJOURS en bas de la page affiché.

Car actuelement le problème ce pose, sur un site que je réalise, le corps de la page et parfois beaucoup remplit ET parfois pas du tout, ce qui fait que j'ai le bas de page qui remonte, ou descend selon la quantité d'information dans le corps de la page.

En gros, je souhaite que mon bas de page, ce positionne toujours en bas de la fenetre, et cela en CSS.

Merci d'avance de vos réponse.

[Eddy]

Salut micky, as-tu esayé un

# corps{
min-height: 550px;
}

En considérant que tu as un ID sur ton corps de page, sinon, remplace le # par . si c'est une classe!

Cela donnera une hauteur minimale à ton corps de page et repoussera ton footer par dessous. Il te reste à définir cette taille minimale!!!

[micky]

Oui déjà fait, mais en fait je voudrais que le bas de page ce colle toujours en bas de la fenetre du visiteur, qu'il est une résolution de + de 2000 px ou moins verticalement.

J'utilise surtout des classes, apres je ne vois pas non plus trop la différence entre les ID ou les Classes, moi je suis plus branché classes pour le moment, mais c'est comme tout c'est amené à évoluer si je comprends l'avantage à utiliser un ID plutot qu'une classe

[kriztho]

je ne vois pas non plus trop la différence entre les ID ou les Classes

Un sélecteur de classe est un style que tu peux appliquer autant de fois que tu veux dans ta page XHTML. C'est plutôt pour la mise en forme.
un sélecteur d'identification est un style que tu ne peux appliquer qu'une seule et unique fois dans ta page XHTML. C'est plutôt pour la mise en page.

[Eddy]

qu'il est une résolution de + de 2000 px ou moins verticalement

Sans en être certain, je ne crois pas que ça puisse se faire en CSS mais peut-être en java-script car il faudra des conditions selon la résolution et la taille d'écran qu'il faudra (faudrait) récupérer, et je sais pas si c'est faisable!! Encore faudrait-il connaitre la programmation java-script!

[kriztho]

Essaye un boite

avec la propriété fixed. Ta boite restera toujours à l'endroit voulu, mais attention pas reconnue correctement par IE.

[kriztho]

Le lien sur la position des boites

sur le W3C : Positions des boites, fixed et autres

[Eddy]

Mais si la page s'allonge, la div ne serait-elle pas placée par dessus (ou dessous) du contenu selon sa "fixation"???

[kriztho]

Yes edfred ! La boite

restera à l'endroit indiquée, elle "flottera" au-dessus du flux courant.
Sinon, à ma connaissance en CSS, je ne vois pas d'autre solution, ce qui ne veut pas dire qu'il n'y a pas de solution...

[Eddy]

Oui, je suis aussi certain qu'il y en a une mais je pense que seul le java script peut faire ça.

Se poserait alors le problème suivant : L'internaute qui navigue sans le java script et Dieu sait qu'il y en a, ne pourra pas profiter de cette mise en page...
Or pour vérifier la config du visiteur (encore faut-il que la récupération de la résolution d'écran soit possible), je ne vois pas d'autre solution.

[micky]

Merci de vos réponses, je vais essayer cela.

Cela fonctionne parfaitement merci beaucoup de ta réponse.

[Cocci]

Je profite de ce post pour vous fournir une adresse super utile d'une Communauté Hyper active qui gravite autour du CSS et des normes d'accessibilité je veux bien sur parler de la Communauté Alsacréations.

Pour en revenir au problème plusieurs soucis ce pose.

Code: [Sélectionner]

# corps{
min-height: 550px;
}Min-Height n'est pas reconnu les versions de IE inférieur à IE7.
Concernant ton problème je te conseil d'aller lire cette article.