Titre: [CSS] Position fixe d'un bloc quelle que soit la resolution.
Posté par: Dark.Ginger le le 04-01-2004 a 11:08:43
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.
Code:
.conteneur {
width: 100%;
height: 100%;
}
.header {
width: 100%;
height: 50px;
}
.menu {
float: left;
width: 15%;
height: 500px;
margin-top: 50px;
}
.contenu {
width: 85%;
height: 500px;
float: right;
margin-top: 50px;
overflow: auto;
}
.footer {
margin-top: 550px;
width: 100%;
height: 20px;
}
|
|
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
D'ailleurs... j'utilise des class... Quel est la meilleurs methode ici? des class ou des id? |
Titre: Re:[CSS] Position fixe d'un bloc quelle que soit la resolution.
Posté par: Jey le le 05-01-2004 a 17:11:49
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 :( |
Titre: Re:[CSS] Position fixe d'un bloc quelle que soit la resolution.
Posté par: Bloubli le le 06-01-2004 a 12:38:59
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. |
Titre: Re:[CSS] Position fixe d'un bloc quelle que soit la resolution.
Posté par: Dark.Ginger le le 06-01-2004 a 18:26:25
Bon merci d'avoir repondu c'est bien ce que je pensait.. retour au plan initial :P 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...
|
Titre: Re:[CSS] Position fixe d'un bloc quelle que soit la resolution.
Posté par: Bloubli le le 06-01-2004 a 22:49:48
| Si j'ai bonne mémoire, la hauteur pour une résolution 800x600 est entre 400 et 450 pixel. |
Titre: Re:[CSS] Position fixe d'un bloc quelle que soit la resolution.
Posté par: Dark.Ginger le le 07-01-2004 a 18:03:18
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? |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|