Affichage différent selon IE6 ou Firefox

Affichage différent selon IE6 ou Firefox - HTML/CSS - Programmation

Marsh Posté le 07-12-2004 à 20:17:17    

Voilà, je crée un site en xhtml, utilisant les feuilles de styles. Je test régulièrement le résulatt avec firefox et internet explorer 6, pour être sûr que le tout soit conforme à ce que ces navigateurs demandent, tout comme je le test en 800x600 jusqu'au 1280x960.
 
Mais voilà, je crée un calque pour une barre de menu horizontale en haut juste en dessous de la bannière du site. A l'intérieure de ce menu, un fonds graphique en background (image .png). Dans ce calque à gauche, une image. Sous firefox, parfait le résultat est là.
 
Sous internet explorer, le background se répète verticalement (chose normale me direz vous), mais voilà, la hauteur de la barre de menu étant de 30px, et la hauteur des l'images aussi en 30px, le fond ne devrait pas se répéter verticalement. IE aurait agrandi de lui même le calque ? d'autant plus que sous firefox c'est parfait.
 
C'est d'autant plus étrange que lorsque j'ouvre ma page avec dreamweaver, ce défaut est aussi présent. J'ai vérifié les mesures, tout semble correct. Je ne tiens pas trop à l'utiliser quand même, il a la facheuse tendance a pourir le code.
 
Est-ce que quelqu'un connait la source du probleme ?
 
Merci  :hello:

Reply

Marsh Posté le 07-12-2004 à 20:17:17   

Reply

Marsh Posté le 07-12-2004 à 21:06:21    

background-repeat: no-repeat;
 
m'est arrivé d'avoir le problème... j'avais du texte dans un div que je mettais en hidden (pour le remplacer par l'image en background, comme une image avec un <alt> mais en plus sexy quoi :o), avec le div taillé comme l'image
 
Sous Fox/Opera pas de problème
Sous IE, IE retaillait (étendait) le div pour faire rentrer tout le texte, cachait le texte et tilait l'image > image qui se répète (genre bien laid quand l'image fait 150px de haut et qu'on voit les 30px supérieurs en dessous)
Seule solution trouvée c'était un background-repeat: no-repeat (et un overflow: hidden histoire d'empêcher IE d'agrandir la box, pour être sûr)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 07-12-2004 à 21:11:31    

merci beaucoup !! je ne connaissais pas le "overflow: hidden" et çà résoud le probleme.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed