Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: [Résolu] CSS - placer un bloc en bas de page  (Lu 7791 fois)

micky

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 303
    • Voir le profil
    • http://www.webtux.info
[Résolu] CSS - placer un bloc en bas de page
« le: septembre 26, 2007, 11:44:35 am »

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.
IP archivée
Portefolio : www.Webtux.info
Dernier site créé : www.dominformatique.com
Michael D.

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
[Résolu] CSS - placer un bloc en bas de page
« Réponse #1 le: septembre 26, 2007, 12:47:11 pm »

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!!!
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

micky

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 303
    • Voir le profil
    • http://www.webtux.info
[Résolu] CSS - placer un bloc en bas de page
« Réponse #2 le: septembre 26, 2007, 12:50:28 pm »

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 :)
IP archivée
Portefolio : www.Webtux.info
Dernier site créé : www.dominformatique.com
Michael D.

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
[Résolu] CSS - placer un bloc en bas de page
« Réponse #3 le: septembre 26, 2007, 12:58:35 pm »

Citation de: micky
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.
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
[Résolu] CSS - placer un bloc en bas de page
« Réponse #4 le: septembre 26, 2007, 13:18:56 pm »

Citation de: "Micky"
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!
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
[Résolu] CSS - placer un bloc en bas de page
« Réponse #5 le: septembre 26, 2007, 14:58:23 pm »

Essaye un boite
avec la propriété fixed. Ta boite restera toujours à l'endroit voulu, mais attention pas reconnue correctement par IE.
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
[Résolu] CSS - placer un bloc en bas de page
« Réponse #6 le: septembre 26, 2007, 15:03:23 pm »

Le lien sur la position des boites
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
[Résolu] CSS - placer un bloc en bas de page
« Réponse #7 le: septembre 26, 2007, 15:14:43 pm »

Mais si la page s'allonge, la div ne serait-elle pas placée par dessus (ou dessous) du contenu selon sa "fixation"???
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
[Résolu] CSS - placer un bloc en bas de page
« Réponse #8 le: septembre 26, 2007, 16:03:28 pm »

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...
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
[Résolu] CSS - placer un bloc en bas de page
« Réponse #9 le: septembre 26, 2007, 16:53:09 pm »

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.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

micky

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 303
    • Voir le profil
    • http://www.webtux.info
[Résolu] CSS - placer un bloc en bas de page
« Réponse #10 le: septembre 26, 2007, 17:45:06 pm »

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

Cela fonctionne parfaitement merci beaucoup de ta réponse.
IP archivée
Portefolio : www.Webtux.info
Dernier site créé : www.dominformatique.com
Michael D.

Cocci

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 36
    • Live Messenger (MSN) - cocci_uk@hotmail.fr
    • Voir le profil
    • http://www.coccistudio.fr
[Résolu] CSS - placer un bloc en bas de page
« Réponse #11 le: novembre 06, 2007, 09:05:20 am »

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.

# 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. ;)
IP archivée
(.:i:.) C'est parce que la vitesse de la lumière est supérieur à celle du son que tant de gens paraisse brillant avoir d'avoir l'air con ! (.:i:.)

>> Site Web en rade actuellement !!
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum