Incidence image sur pied de page

Fermé

ANTHURIUMRE - 19 avril 2009 à 06:20
ANTHURIUMRE - 21 avril 2009 à 01:47

Bonjour,

Je suis en train de refaire un site en utilisant les balise div tel l'exemple ci-dessous :

<div id="topbar"></div>
<div id="toolbar"></div>

<div id="contenu">
<div id="menu1"></div>
<div id="menu2"></div>
</div>

<div id="piedpage"></div>

Toutefois lorsque je mets des images.gif dans le menu2 mon pied de page se décale vers la droite. Je précise que j'ai un calendrier et une horloge dans le menu1 et que cela ne crée aucune incidence sur mon pied de page.

Dans mon fichier.css j'ai bien spécifié pour mon pied de page la programmation suivante :

div#piedpage{
clear:both;
}

Quelqu'un parmi vous pourrait-il m'éclairer s'il vous plaît. Merci par avance pour votre aide.

Anthuriumre

A voir également:

Incidence image sur pied de page
Comment supprimer une page sur word - Guide
Image iso - Guide
Calcul km marche à pied gratuit - Télécharger - Sport
Word numéro de page 1/2 - Guide
Imprimer tableau excel sur une page - Guide

15 réponses

Réponse 1 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 09:13

et sans le css ?
sinon tu peux décalé vers la gauche avec un margin-left:-10px

ANTHURIUMRE
19 avril 2009 à 09:42

Bonjour Math 2000,

Merci pour ton conseil qui est très judicieux même si j'ai du mettre margin-left:-0px; pour que ce problème soit résolu.

Une question demeure toutefois. Mon pied page reste dans mon contenu alors même qu'il devrait en être indépendant comme il l'était avant que ne n'y mette des images, tout comme mon topbar et toolbar.

dans mon fichier.css la programmation est la suivante s'agissant de mon pied de page:

div#pp{
width:700px;
height:5%;
background-color:red;
margin:0.5% 15% 0.5% 15%;
clear:both;
margin-left:-0px;

}

Avant que je n'insère d'image je le répète, le pied de page s'affichait séparé du contenu.

Merci encore pour ton aide.

A très bientôt. Et encore mille mercis

Anthuriumre

Réponse 2 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 09:47

ça ne serait pas ton clear:both;
qui pose pb

ANTHURIUMRE
19 avril 2009 à 10:03

Bonjour,

J'ai aussi enlevé mon clear:both; pour voir mais rien n'y fait...

Réponse 3 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 10:45

tu pourrais me passer un zip

ANTHURIUMRE
19 avril 2009 à 10:53

Bonjour Math 2000,

Envoie moi ton adresse mail si cela ne te dérange pas. Merci pour ton aide et ta confiance.

A Tout de suite peut-être.

Anthuriumere

Réponse 4 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 11:24

elle est sur mon profil bormat2@gmail.com

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 15

PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
19 avril 2009 à 11:28

bjr

A tout hasard ajoute un div "fictif" pour forcer le clear

<div id="contenu">
<div id="menu1"></div>
<div id="menu2"></div>
</div>
<div class="spacer"></div>
<div id="piedpage"></div>

Et

.spacer {
clear:both;
}

ANTHURIUMRE
19 avril 2009 à 12:40

Bonjour PhP,

Merci pour ton aide mais malheureusement cela ne fonctionne pas.

A Très Bientôt peut-être. Je vais envoyer un zip à Math 2000.

Cordialement

Anthuriumre

Réponse 6 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 12:43

je n'ai rien reçu encore

Réponse 7 / 15

PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
19 avril 2009 à 12:56

Bjr

Bah t'impatiente pas trop car son problème est très certainement lié à une erreur ds le CSS et c'est pas forcément simple à trouver lol ;-)

Réponse 8 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 13:39

c'est prévu pour quel navigateur car c'est différent sous ie6 firefox et opéra si j'ai bien compris
le pied de page doit être en bas
ha au fait dans le chemin image il y a un lien vers une image vers tes document donc inaccessible ici

ANTHURIUMRE
19 avril 2009 à 15:07

Salutations à Math 2000 et PhP,

PhP a raison il y avait une erreur au niveau de l'orthographe dans mon fichier.css. notamment au niveau du height.

Par contre Math 2000 les navigateurs j'utilise sont IE8 et FF.

Maintenant en tenant compte de ce que tu m'as dis à propos du margin-left cela me permet un affichage correct avec IE8 mais ça décale mon Pp avec FF. Si je ne mets pas le margin-left ça décale dans IE8 et cela s'affiche correctement dans FF.

Comment faire pour qu'il y ait une compatibilité ne serait-ce avec ces deux navigateurs ?

Merci à vous de prendre de votre temps pour m'aider. car à force de chercher je ne vois plus rien.

Cordialement.

Réponse 9 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 15:15

il faut utliser les balise if ie
qui permette de donner du code que à ie
le meilleur affichage de ton site est pour l'instant opéra où tout est aligné
http://www.blog-and-blues.org/articles/Les_syntaxes_de_commentaires_conditionnels_pour_IE_Windows

ANTHURIUMRE
19 avril 2009 à 15:57

Bonjour,

J'ai mis



Le décalage du pied de page apparaît à nouveau à droite pour IE8 sauf pour FF.

Si je ne mets pas ce bout de code l'affichage du pp est correcte pour IE8 mais se décale pour FF

Je n'y comprends plus rien.

Merci beaucoup Math 2000.

Cordialement

Anthuriumre

Réponse 10 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 15:15

au fait tu devrais aussi testé sous ie6 encore 20% d'utlisateur l'ont

Réponse 11 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 16:45

tu peux pas mettre un bout de css tous seul il faut
<html><head> </head>
<body>ta page
objet qui pose pb
</body>
</html

ANTHURIUMRE
19 avril 2009 à 18:08

Bonsoir Math 2000,

Même en appliquant ce code entre <head> et </head> rien n'y fait. C'est peut-être moi qui suis fatigué ou ne comprends pas.

Merci beaucoup.

Cordialement.

Réponse 12 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 18:33

tu met bien la classe avant ?

ANTHURIUMRE
19 avril 2009 à 19:00

Bonsoir Math 2000,

J'ai mis entre head et head pour essayer

<html>
<head>

</head>

<body>
<div id="pp"></div>
</body>
</html>

ça ne fonctionnait pas. Puis car on ne sait jamais

<html>
<head>

</head>

<body>
<div id="pp"></div>
</body>
</html>

ça ne fonctionnait pas. Puis on ne sait toujours jamais

<html>
<head>

</head>

<body>
<div id="pp"></div>
</body>
</html>

ça ne fonctionnait pas. Comment dois-je m'y prendre. Ai-je omis quelque chose ?

Merci.

Réponse 13 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
19 avril 2009 à 19:11

dans le 1er essaie tu as mis un . au lieu d'un #
les points pour les classe et les " pour les id
sinon qu'est ce que ça fait si tu modifie la valeur du margin left

ANTHURIUMRE
20 avril 2009 à 04:42

Bonjour Math 2000,

J'ai aussi changé la valeur du magin-left mais rien y fait.

Merci pour ton aide.

Anthuriumre

Réponse 14 / 15

PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
19 avril 2009 à 21:42

Houlà du CSS conditionnel maintenant !

Je savais bien que ça serait pas simple cette histoire de pied de page T'Oh

Un truc que je fais quand tout à échouer : je repars d'une page HTML vide avec la même feuille de style et je rajoute les blocs de balise un à un jusqu'à ce que je retrouve l'erreur. C'est long et pénible mais bon
Ah oui sans oublier d'utiliser la console d'erreur de FF ;-)

Bon courage qd même

ANTHURIUMRE
20 avril 2009 à 04:47

Bonjour PhP,

C'est vrai que les css conditionnels ne sont pas recommandés mais c'est fastidieux de toujours recommencer. Et qui plus est il faut aussi essayer toutes les possibilités quand elles peuvent exister. Merci pour tes conseils. Si au travers des conditionnels on arrive pas à trouver la solution je pense que je recommencerai comme toi même tu le fais.

Merci encore
Cordialement

Anthuriumre

Réponse 15 / 15

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
20 avril 2009 à 18:45

bon ven si tu as tous fais il ne reste plus que la position absolute
où d'enlever ta barre et la refaire

ANTHURIUMRE
21 avril 2009 à 01:47

Bonjour Math 2000,

J'ai mis la position absolute mais rien n'y fait. Je vais donc tout refaire.

Merci de m'avoir apporté ton aide en espérant un jour pouvoir te la rendre.

Cordialement.

Anthuriumre

Discussions similaires

PIX

Dechiffrer une image caché

Comment enlever le rouge sur la photo svp ?

image ?