28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai un problème sur plusieurs de mes sites, aussi bien dans firefox que dans IE : une marge de 12px reste incompressible en haut de page entre le body et la div "cadre" qui englobe toute la page
j'ai pourtant réglé mes marges à 0

body {
font-family: Tahoma, Geneva, Kalimati, sans-serif;
font-size : 62.5%;
color: #08386c;
margin:0;
padding: 0;

}
#cadre{
width:995px;
position:relative;
margin: 0 auto;
border :1px solid #6ea6ca;
background-color: #6ea6ca;
top: 0px;
}

Lorsque je crée mon gabarit d'affichage pour le CMS typo3 je n'ai pas cette marge , une fois intégré au CMS elle apparait Smiley bawling

Dans firebug je vois bien les marges à 0 mais il ajoute un offset de 12px ????

voici un exemple de page en ligne :

http://crdp.ac-besancon.fr/index.php?id=la-cigarette-faut-qu-on-en-parle

vous avez une idée ?
Modifié par Myrabelle (10 Feb 2009 - 11:24)
Il y a un caractère qui apparait dans le code :
<body>
&#65279;<div id="cadre"> 

juste avant le <div
(voir le code source).

Le problème vient très certainement de là.
je ne vois pas ce caractère lorsque j'affiche la source ... FF ou IE
j'ai fait un copier coller dans PSPad rien non plus ...
avec quel logiciel le visualises tu ce &#65279; ?
j'ai trouvé ! merci pour ta contribution : il fallait que j'enregistre mes fichiers en "utf8 sans BOM" sinon ce caractère invisible est inséré dans le fichier html et css ...