Sujet: [CSS] Position fixe d'un bloc quelle que soit la resolution. (Lu 619 fois)
[CSS] Position fixe d'un bloc quelle que soit la resolution.
« sur: le 04-01-2004 a 11:08:43 »
Dark.Ginger
Psycho Rabbit Deluxe
Equipe de modération P'tit nouveau
Hors-Ligne
Sexe:
Messages: 194
Lapin psychotique
Bonjour.
La nouvelle version de mon site seras CCS-full et pour l'instant je n'ai rencontré aucun problème. (Merci Alsacreation ) Seulement j'ai envie de tester quelque chose. Mon site se compose de 4 bloc. en tete, menu, contenu et footer. ces 4 blocs sont inclus dans un bloc conteneur. J'ai donné comme hauteur a ce bloc 100%. J'aimerais donc que quelle que soit la hauteur de la page de l'internautes mon footer se trouve fixé en bas de la page. Le margin-bottom: 0px ne marche pas... Comment faire?
Je met ici mon code histoire que vous ayez une meilleur idée.
Evidemment ici je n'ai pas encore modifier le code pour le footer juste celui du conteneur. pour l'instant mon site fait 570px de haut. Ce que je souhaite tester c'est le redimenssionnement automatique en hauteur vu que j'ai déjà celui en largeur...
D'ailleurs... j'utilise des class... Quel est la meilleurs methode ici? des class ou des id?
« Dernière Édition: le 04-01-2004 a 11:13:15 par Dark.Ginger »
si j'ai bien compris, tu veux que que le footer se colle en bas meme si il faut pour cela créer un espace vide entre le contenu et le footer si c'est le cas, c'est pas possible; ou alors il va falloir beaucoup ruser puisque les navigateurs n'interpretent pas de la meme maniere les pourcentages en hauteur
Re:[CSS] Position fixe d'un bloc quelle que soit la resolution.
« Répondre #2 sur: le 06-01-2004 a 12:38:59 »
Bloubli
Invité
Je confirme, tu ne peux pas le faire. Il te faudra donner, comme tu l'as apparemment déjà fait, une valeur fixe en pixel pour la hauteur du contenu, et mettre le calque footer en dessous de celui-ci.
Malheureusement, aucune façon de faire mieux car la valeur 100% en hauteur n'est pas prise en compte par les navigateurs, sauf par IE.
Re:[CSS] Position fixe d'un bloc quelle que soit la resolution.
« Répondre #3 sur: le 06-01-2004 a 18:26:25 »
Dark.Ginger
Psycho Rabbit Deluxe
Equipe de modération P'tit nouveau
Hors-Ligne
Sexe:
Messages: 194
Lapin psychotique
Bon merci d'avoir repondu c'est bien ce que je pensait.. retour au plan initial Dommmaaaaaggeeeee un site adaptable toutes resolution... mon reve...
D'ailleur en passant une tite question: En hauteur de pixel quelles serais la hauteur la plus adaptés? Le site fait 570px de haut pour l'instant.. mais j'hesite a "calibrer" la hauteur pour des resolution de 1024*768 ou 800*600 je croit qu'il existe encore pas mal de monde ne 800*600 et j'aimerais leur eviter deux barres de scrolls sur la même page...
Evidemment je compte considérer le fait d'avoir des barres d'outils...je pense qu'elle peuvent prendre pas loin de 200 px chez certains non? Quelqu'un connaitrais t'il le nombre de pixels approximatif mange par defaut par.... par exemple la barre d'outils du navigateur le plus repandu (IE) ? enfin avec plus ou moins la google bar... mais bon... si deja quelqu'un a une idée...
Re:[CSS] Position fixe d'un bloc quelle que soit la resolution.
« Répondre #5 sur: le 07-01-2004 a 18:03:18 »
Dark.Ginger
Psycho Rabbit Deluxe
Equipe de modération P'tit nouveau
Hors-Ligne
Sexe:
Messages: 194
Lapin psychotique
400 à 450?? Ouch... C'est petit... Et bien je n'ai plus qu'a voir combien d epersonne surfent encore en 800*600 et voir si cela vaut le coup ou bien si je ne considére que les 1024*768 en resolution minimale... ce qui devrait me laisser 550 600 px...
Arrrgghhhhh encore 44% en 800*600 en juillet 2003.. ok ça baisse mais bon.. pfff... il ne me reste plus qu'a mettre une hauteur compatible pour les 800*600...
Un question encore (vi je sais j'en pose beaucoup) pensez vous qu'il serait preferable de: 1/ mettre mon site a une hauteur invariantes de par exemple 400 px. 2/ créer different feuille de style chaque feuille etant chargé selon la resolution d'ecran?
Auteur 
)
Dommmaaaaaggeeeee un site adaptable toutes resolution... mon reve...
