Bug sous ie mais pas sous firefox...

Bonjour,

J'ai un bug sous Internet Explorer que je n'ai pas sous firefox... pour voir c'est ici :
http://finalspirit.free.fr/test/index.php

Feuille de style :
http://finalspirit.free.fr/test/index.css
http://finalspirit.free.fr/test/style.css

J'ai les en tête de mes cadre qui font de drôle de truc et je ne vois pas ce qui "merde".

Merci d'avance

Bonjour,
tu as un problème de répétition de background (valeur par default :repeat)
Tu dois donc ajouter un no-repeat dans la propriété raccourci background :

.f_bleue_h {
background: url(images/contenu/bleue/haut.gif) no-repeat;
float:left;
height:11px;
margin:20px 0 0; /*les px sont inutiles quand la valeur est à 0*/
padding:0;
width:670px;
}

Modifié par Hermann (20 Mar 2007 - 20:31)

Je crois que c'est ton image de background qui est répétée verticalement. Pour remédier au problème essait:

Pour le code suivant:

.f_bleue_h {
  margin:20px 0px 0px 0px;
  padding:0px;
  background-image: url(images/contenu/bleue/haut.gif) ;
  width:670px;
  height:11px;
  float:left; 
}

Change la ligne:

background-image: url(images/contenu/bleue/haut.gif);

Par:

background: url(images/contenu/bleue/haut.gif) no-repeat;

Oups désolé Drouline

héhé pas de problème. On a répondu vraiment en même temps

Merci beaucoup, ça améliore un peu l'affichage mais ça bug toujours

Là j'ai une ligne blanche pourtant le heigth est à la bonne valuer en hauteur

Je sais que Firefox et IE ne gère pas les dimensions de la même façon. Il se peut que ta hauteur soit Ok pour Firefox et qu'elle ne le soit pas pour IE.

Un petit tour sur la FAQ?
ajouter

font-size:1px

régle le problème.
Modifié par Hermann (20 Mar 2007 - 21:14)

Merci beaucoup.

Je suis désolé de ne pas être aller voire la FAQ avant. Je suis assez pressé, c'est un projet à rendre pour bientôt.

Encore merci !