Discussion :

[saimonesays]

Salut à tous,

Alors voilà, j'ai un problème d'affichage et je pense que cela vient du CSS de mon site mais vu le problème, je bloque un peu.

En fait déjà l'espacement d'une de mes div n'est pas la même sous IE et FF, bon ça je peux encore comprendre, IE est pourri c'est pas nouveau.

Mais le plus bizarre c'est ceci, j'ai un caractère étrange qui s'affiche sur Chrome alors que sur IE et FF il ne s'affiche pas, c'est une sorte de point dans un petit rectangle.

Quand je regarde la source sous FF à l'endroit concerné j'ai cela :
<div class="bannerbg">

Et quand je regarde la source sous Chrome, j'ai cela :
-<div class="bannerbg">

IMPORTANT : ce n'est pas vraiment un tiret puisque quand je le copie/colle il ne s'affiche pas, je ne sais pas exactement ce que c'est ni comment le supprimer, sachant qu'il n'apparaît évidemment pas dans le code.

J'ai ajouté quelques pièces jointes pour essayer d'illustrer mon problème.

Quelqu'un peut-il m'aider ?
Merci par avance.

Simon

[yann0807]

Serait-il possible d'avoir ton code pour que nous puissions t'aider?

[saimonesays]

Eu oui bien sûr, ca c'est le code qui est avant la div en question :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<div class="breadcrumb"> 
> <a  href="http://www.monsite.com" title="Browse to: ACCUEIL">ACCUEIL</a> / <a  href="http://www.monsite.com/theme1" title="Voir tous les articles dans Theme 1" rel="category tag">Theme 1</a>,  / Title 1
 
</div>        
 
 
			<div class="bannerbg"> 
 
    <div class="contentarea"> 
 
    	<div class="topleft_area">

Et le CSS concerné :

Code :

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

1
2
3
4
5
6
7
.bannerbg{
	background:url(images/bannerbg.jpg) 0 0 no-repeat;
	width:572px; height:107px; float:left;
}
 
.contentarea{
	width:355px; float:left; padding-left:88px;

[yann0807]

Tes 3 div sont imbriquées? Aucune ne se referme? Et quand tu retires ta div ce symbole disparait totalement?

[saimonesays]

En fait je viens de voir quelque chose en utilisant Firebug, c'est qu'il y a une sorte d'espace entre mes divs, une ligne en plus qui doit être symbolisée par ce caractère qui apparaît sous Chrome (voir en pièce jointe capture de Firebug).

Je pense que ca vient de la mais je ne l'explique pas.

Merci d'avance.

[yann0807]

Effectivement mais s'il n'y a que ça dans ton code, je ne vois pas ou est le problème. Essaie d'enlever des choses petit à petit pour voir où se situe le problème. Moi j'enlèverais des bouts de code petit à petit. Il doit bien y avoir une explication mais n'ayant jamais rencontré ce problème... ou alors d'autres internautes pourront peut-être t'aider