comportement CSS ultra bizarre

Version imprimable

26/03/2010, 11h16
saimonesays

2 pièce(s) jointe(s)

comportement CSS ultra bizarre

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
26/03/2010, 11h21
yann0807

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

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

Code:

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:

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;

26/03/2010, 11h33
yann0807

Tes 3 div sont imbriquées? Aucune ne se referme? Et quand tu retires ta div ce symbole disparait totalement?
26/03/2010, 11h45
saimonesays

1 pièce(s) jointe(s)

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.
26/03/2010, 11h51
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 :|
26/03/2010, 11h53
saimonesays

Ok merci, moi aussi je code depuis longtemps, mais là j'avais jamais vu quelque chose de similaire, je vais essayer de procéder ainsi mais je ne suis pas convaincu.
Merci
27/03/2010, 21h22
12monkeys

Bonsoir

il serait encore plus pratique de nous montrer une page en ligne...