J'ai div prendre la classe css

.headbg01
{
 background-image: url(../images/header_background01.jpg);
 border-left: #cccccc 1px solid;
 background-color: #ffffff;
 width: 920px;
 background-repeat: no-repeat;
 height: 160px;
 border-right: #cccccc 1px solid;
}

Ça marche très bien dans c'est-à-dire

Le problème est que l'image bg n'apparaît pas correctement dans firefox

Voici la vue ie div texte alternatif http://img341.imageshack.us/img341/3595/35520026.jpg< /a> et voici la vue div de firefox texte alternatif http://img641.imageshack.us/img641/950/31289427.jpg< /a>

Je ne sais pas ce qui ne va pas, c'est la hauteur ou quoi ? s'il vous plait j'ai besoin d'aide

1
Amr Elnashar 15 févr. 2010 à 20:14
Je soupçonne que firefox n'aime pas le lien ../ relatif. mais je ne suis pas assez confiant pour énumérer cela comme réponse.
 – 
Joel Coehoorn
15 févr. 2010 à 20:20
Ces deux images ne disent rien sur ce que vous pensez être faux. Veuillez décrire le problème et, si possible, créer un lien vers une page Web réelle à titre d'exemple. S'il ne s'agit que d'un problème de hauteur, cela peut très bien être lié à des éléments adjacents/environnants.
 – 
Richard H
15 févr. 2010 à 20:21
Il se passe plus de choses ici que votre CSS, voir le commentaire de Pekka.
 – 
Erik
15 févr. 2010 à 20:21
Veuillez poster plus de code ou un lien vers le site.
 – 
Davey
16 févr. 2010 à 01:19

3 réponses

Meilleure réponse

Vous devrez peut-être fournir la position d'arrière-plan, essayez ceci :

.headbg01
{
  background: #fff url(../images/header_background01.jpg) no-repeat top left;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 920px;
  height: 160px;
}
1
mythz 15 févr. 2010 à 20:24

Essayez de décélérer un doctype strict qui devrait faire le travail

1
Jan-Willem Hoekman 15 févr. 2010 à 20:20

Il semble qu'un navigateur étend la hauteur/largeur pour remplir le div sans conserver le rapport hauteur/largeur de l'image, tandis que l'autre utilise les dimensions de l'image pour la mettre à l'échelle correctement.

Assurez-vous que votre image et votre div ont les mêmes dimensions, moins les 2 pixels supplémentaires pour les bordures gauche et droite.

ÉDITER:

Après un examen plus approfondi, il semble que le haut de la deuxième image soit coupé. Essayez de spécifier background-position: top left;.

0
Tim S. Van Haren 15 févr. 2010 à 20:20