IE : background sur les balises html et conteneur principal

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics

nnx
WRInaute impliqué
WRInaute impliqué
 
Messages: 354
Inscription: Mer Jan 22, 2003 14:11

IE : background sur les balises html et conteneur principal

Message le Lun Jan 08, 2007 8:08

Bonjour,

J'ai un soucis d'incompatibilité entre IE et Firefox.

J'ai placé un baground image sur mon conteneur principal qui a une largeur fixe et est centré (première balise utilisée après body). Le problème c'est que si le body ne prend pas toute la hauteur de l'affichage, mon fond ne se répétait pas plus bas.

J'ai donc placé le même background image sur ma balise html que je répète aussi verticalement.

Tout fonctionne parfaitement sous firefox, mais sous IE j'ai un décalage de 1 pixel horizontalement entre mes 2 backgrounds.

Vous pouvez constater le phénomène ici :
-voir le www

Avez vous une idée pour corriger ça ?
Dernière édition par nnx le Lun Jan 08, 2007 21:19, édité 1 fois.


nza2k
WRInaute impliqué
WRInaute impliqué
 
Messages: 441
Inscription: Ven Jan 16, 2004 18:35

Message le Lun Jan 08, 2007 13:53

Y a sûrement plus propre que ça mais tu peux peut-être jouer sur le "margin-left" (avec une valeur positive ou négative) de ton conteneur principal pour que celui-ci se supperpose avec ta balise html ?

nnx
WRInaute impliqué
WRInaute impliqué
 
Messages: 354
Inscription: Mer Jan 22, 2003 14:11

Message le Lun Jan 08, 2007 21:09

Bonsoir,

Merci pour la réponse. Si je mets une marge, elle serait effective sous tous les navigateurs, et donc sous firefox ça va aussi buggué.

En fait j'ai résolu le problème en utilisant "height: 100%;" pour adapter la hauteur du site à la hauteur de la fenêtre même si le contenant est inférieur à cette hauteur.


nza2k
WRInaute impliqué
WRInaute impliqué
 
Messages: 441
Inscription: Ven Jan 16, 2004 18:35

Message le Jeu Jan 11, 2007 23:32

nnx a écrit:Bonsoir,

Merci pour la réponse. Si je mets une marge, elle serait effective sous tous les navigateurs, et donc sous firefox ça va aussi buggué.

En fait j'ai résolu le problème en utilisant "height: 100%;" pour adapter la hauteur du site à la hauteur de la fenêtre même si le contenant est inférieur à cette hauteur.


Bien vu, je me disais bien que ma solution n'était pas propre...

Question par curiosité : as-tu rencontré des "effets de bords" en jouant sur la hauteur des div ? Sur ce point là, j'ai constaté que IE et Firefox ne réagissaient vraiment pas pareil...


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Furinkazan et 0 invités