Positionnement ou taille du texte

[Nullette]

Bonjour tout le monde,

j'ai besoin de votre aide !

Je viens de mettre en ligne mon site refait sans (presque) tableaux.

J'ai un problème avec IE 6.

le texte s'affiche plus gros qu'avec Mozilla, Chrome et Opera et cela déforme le haut de la page (le moteur de recherche est presque caché).

Cela s'arrange si je réduit la taille du texte depuis le navigateur.

La partie css de body :

body {
  margin: 5px 0;
  padding: 0;
  font-size: 70%;
  font-family: verdana, arial, 'bitstream vera sans', helvetica, sans-serif; 
  color: #000;
  background: #828282;
	  }

La partie qui pose peut-être problème :

#headertop {
   position: relative;
   width: 800px;
   height: 80px;
   margin-top: 0;
   background: #ff9900 url(design/fondtop.gif) top left no-repeat;
}

#headerbottom {
	position: absolute;
	width: 100%;
	height: 93px;
	top: 80px;
	background: #fff url(design/fondbottom.gif) top left no-repeat;
	 }


#headertop h1 {
   margin: 10px 0 0 400px;
   padding-top: 8px;
   font-family: verdana, arial, helvetica, sans-serif;
   font-weight: normal;
   color: #ffffff;
   background: #ff9900;
   font-size: 1.8em;
   font-variant: normal;
}

#headertop h2 {
   margin: 0 0 0 120px;
   color: #000;
   font-family: verdana, arial, helvetica, sans-serif;
   font-variant: normal;
   font-size: 1.2em;
}

#headerbottom img {
   float: left;
}

#headertop form {
   position: absolute;
   bottom: 2px;
   right: 8px;
}

J'ai du toucher à quelque chose, car, pendant les mois où j'ai refait le site, tout semblait ok.

Le site est dans ma signature.

[broadcastor]

Revois la définition de ta taille de police en Em plutot qu'en pourcentage

[Nullette]

J'y ai pensé.

Il y a plusieurs années quelqu'un, dont j'ai oublié le nom (Laurent ?) m'avait expliqué de ne pas utiliser les points, ni les pixels et de préférer un pourcentage.

J'ai lu des pages et des pages sur le sujet, à ne plus rien comprendre.

Dans mon site précédent c'était en pourcentage, sans aucun problème, mais le site était structuré en tableaux.

Mon problème vient peut-être de la mauvaise disposition et calcul des margins et paddings des div de l'entête (que j'ai modifiés depuis hier).

Merci pour ta réponse.

[Dadou]

regarde tes réglages de tailles du texte dans internet explorer, il y a fort à parier qu'elle à bougée

[Nullette]

Dadou, j'ai vérifié les tailles de texte de Mozilla, IE6, Chrome. Elles sont toutes à normal.

Je vois toutes sortes de choses en regardant les sources des sites :

je trouve du 90%, 0.8em, 62.5%. J'ai même vu html 100% et body en %(inférieur à celui indiqué pour html) ou em ou px .....

Je ne sais plus !

[chez broadcaster c'est

body{
font: normal 75%/1em "Trebuchet MS"

Si je mets 75%, le texte de mon site va apparaître très gros !

[Djolhan]

Ce que je fait en général pour mes sites web, je déclare la taille de la police générale en em. Puis, je rectifie avec les % sur mes class hx, p, etc en fonction de mes besoins ...

Edit: Pour etre plus clair, voici un petit exemple:

#texte {
	font: 0.7em "Trebuchet MS", sans-serif, Arial;
}
#texte h1 {
	font-size: 150%;
	text-align: center;
}

Modifié 14 Novembre 2008 par JokoZetla

[Nullette]

Pour texte, tu entends body ?

[Djolhan]

Tu peux mettre aussi dans la balise body, mais sur certains site et certain découpages complexe, j'ai des bugs avec ie lorsque je fait ca sur la body, donc, j'ai pris l'habitude de mettre dans ma balise de contenu, en l'occurrence > #texte. Mais, tu peux aussi bien faire ca sur ta body

[Nullette]

Merci pour l'information.