Discussion :

[vladimire]

Bonsoir
Je vais exposé directement mon probleme.

le code Css qui gere mon footer est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#footer {
	background: url(images/contentarea_bottom.gif) no-repeat center top;
	height:146px;
}

où le fichier "contentarea_bottom.gif" est l'image du footer.

ça me donne sous FF (3.0), où le footer n'est pas rattach" au body :



et sous IE (6.0):



Donc, j'ajoute quelque lignes pour fixer le footer et le rattacher au body, et ça devient :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#footer {
	position:relative;
	top:-16px;
	left:1px;
	background: url(images/contentarea_bottom.gif) no-repeat center top;
	height:146px;
}

ce qui regle le probleme sous FF et ça donne :



alors que sous IE (6.0), le footer est très déplacé :



Je suis sûr que quelqu'un doit avoir une idée ?

[Macmillenium]

Bonsoir,

Merci de poster l'intégralité de ton code (X)HTML/CSS

[Invité]

Bonjour,
pour te repondre correctement,
il faudrait :
- le css du div au-dessus (#contenu ?)
- le bout de code dans la page

[Candygirl]

Je suis sûr que quelqu'un doit avoir une idée ?

Des idées, ça oui, mais sans voir le code, on ne peut faire ques des suppositions...

Perso je pense que ton premier problème sur FF provenait d'une fusion des marges; probablement que ton "pour toute question..." se trouve dans un p et donc doté par défaut de marges. Ton correctif serait donc une très mauvais solution; qqch comme un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#footer p {margin-top:0;}

serait plus approprié si c'est bien le cas.

Pour ton deuxième problème, on pourrait imaginer plusieurs hypothèses, genre un double-margin bug (si l'élément du dessus est en float avec un margin) ou encore un problème de largeur. Ton bloc du dessus a peut-être un contenu trop large qui force IE6 à élargir le conteneur plutôt que de respecter le width. Conteneur plus large = forcément décalage de l'image de fond puisque cette dernière est centrée.

Voilà pour qq hypothèses...

[devyan]

Accessoirement, tu as également un petit décalage de 1px vers la gauche de ton footer sous FF ^^

[vladimire]

Merci deja pour votre temps, je vais voir les quelques hypothèses que vous m'avez donné là, en attendant, je poste code XHTML/CSS affiché par le naviguateur (le code ne peut etre posté parcequ'il est long)

merci d'avance .

[Candygirl]

Pourrais-tu, stp, poster le code xhtml/css générée plutot que ton php, comme le spécifient d'ailleurs les règles du forum?

En guise de rappel : le HTML, le XHTML et le CSS sont des langages de mise en forme du document. Ce ne sont en aucune façon des langages de programmation. Ils sont figés, c'est à dire qu'une fois le document chargé dans le navigateur, ces langages ne répondent à aucune action de l'utilisateur sur le contenu de la page.

Suite à ce rappel, je voudrais porter à votre attention que ces forums ne doivent contenir que le code affiché par le navigateur. En effet, les codes PHP ou tout autre langage dynamique ne servent qu'à générer le corps de votre page et donc votre problème ne pourra être résolu qu'en étudiant le code interprété par le navigateur. De ce fait, avant de poser votre question merci d'épurer votre code de tout langage (serveur ou client).

Ou, alors, donner un lien vers ta page. Merci

[vladimire]

ah oui, bien sur, c'est fait.