CSS margin-bottom pour body ne fonctionne pas
Résolu
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
(re)Bonjour tout le monde. J'avais déjà posté un sujet sur ça mais dans la partie programmation. Et en fait il serait mieux de le mettre ici. Je ré-explique donc mon problème.
J'essaye de faire un site internet donc l'aspect graphique ressemble à ceci:
http://img187.imageshack.us/img187/3793/aspecthn8.png
Ce qui donne ceci en codage HTML.
http://img187.imageshack.us/img187/2149/pagehtmljo8.png
Comme vous l'avez compris j'essaye de tout regrouper dans un "conteneur" en plaçant le "menu" à gauche, le "corps" à droite et le "pied de page" en bas.
Le problème que je rencontre c'est que je n'arrive pas à avoir une marge en bas entre le navigateur et ma page web (en fait le "pied de page" colle directement au navigateur). Alors que j'ai portant bien spécifié dans le CSS ==> body { margin-bottom : 20px ; } .
Je pense que cela est dut à la position de mon "conteneur" qui est en "absolute" mais je ne trouve pas la combinaison qui marche pour les autres positions de mes différentes parties (celui du "corps" à droite celui de "menu" à gauche et celui du "pied de page" en bas".)
Si quelqu'un aurait une idée pour les différentes valeurs à donner soit à la "position" (absolute, relative, "ou rien") soit au "float" (right, letf, "ou rien") ou pourquoi pas les deux combinés, ça serait avec joie que je le remercierai.
Je remets également à disposition ma feuille CSS:
http://dl.free.fr/getfile.pl?file=/24HuMQln/design.css
En espérant que quelqu'un puisse résoudre mon problème, je vous remercie d'avoir pris en compte mon problème.
@+
J'essaye de faire un site internet donc l'aspect graphique ressemble à ceci:
http://img187.imageshack.us/img187/3793/aspecthn8.png
Ce qui donne ceci en codage HTML.
http://img187.imageshack.us/img187/2149/pagehtmljo8.png
Comme vous l'avez compris j'essaye de tout regrouper dans un "conteneur" en plaçant le "menu" à gauche, le "corps" à droite et le "pied de page" en bas.
Le problème que je rencontre c'est que je n'arrive pas à avoir une marge en bas entre le navigateur et ma page web (en fait le "pied de page" colle directement au navigateur). Alors que j'ai portant bien spécifié dans le CSS ==> body { margin-bottom : 20px ; } .
Je pense que cela est dut à la position de mon "conteneur" qui est en "absolute" mais je ne trouve pas la combinaison qui marche pour les autres positions de mes différentes parties (celui du "corps" à droite celui de "menu" à gauche et celui du "pied de page" en bas".)
Si quelqu'un aurait une idée pour les différentes valeurs à donner soit à la "position" (absolute, relative, "ou rien") soit au "float" (right, letf, "ou rien") ou pourquoi pas les deux combinés, ça serait avec joie que je le remercierai.
Je remets également à disposition ma feuille CSS:
http://dl.free.fr/getfile.pl?file=/24HuMQln/design.css
En espérant que quelqu'un puisse résoudre mon problème, je vous remercie d'avoir pris en compte mon problème.
@+
A voir également:
- CSS margin-bottom pour body ne fonctionne pas
- Water your body - Télécharger - Santé & Bien-être
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
3 réponses
slt!essai d'appliquer margin-bottom aussi au pied de page (rappel en mettant #pied_de_page comme nom),sa devrais pouvoir t'aider,si non va voir là:https://openclassrooms.com/fr/courses m'a permis de creer facilement mes pages web.
Merci pour ton conseil mais je l'avais déjà essayé mais comme le "pied de page" est dans mon conteneur cela ne marche pas.
Par contre j'ai aussi essayé de mettre le "pied de page" à l'extérieur du conteneur mais il reste indéfiniment en haut.
Sinon merci pour le lien, je me suis déjà bien servi de leur exemple sauf que moi j'ai rajouté un conteneur et là ça ne marche plus pareil...
Par contre j'ai aussi essayé de mettre le "pied de page" à l'extérieur du conteneur mais il reste indéfiniment en haut.
Sinon merci pour le lien, je me suis déjà bien servi de leur exemple sauf que moi j'ai rajouté un conteneur et là ça ne marche plus pareil...
Problème résolu par cijad à l'adresse suivante (encore merci à lui) :
==> http://www.commentcamarche.net/forum/affich 6094943 site web probleme css amp gt margin botto
==> http://www.commentcamarche.net/forum/affich 6094943 site web probleme css amp gt margin botto
