Taille du texte de <h1> différente selon le navigateur

Taille du texte de <h1> différente selon le navigateur - HTML/CSS - Programmation

Marsh Posté le 29-04-2007 à 15:58:10    

Bonjour,

 

J'ai un problème avec mon site: la taille du texte de <h1> est plus petite sous FX que sous IE.
Dans les CSS, la taille de la police a été spécifiée pour <body> à 75.01%. Elle est donc sensée s'appliquer à tous les textes contenus dans <body>. Sous Firefox et sous Opera, l'élément <h1> hérite de cette taille de police, mais pas sous Internet Explorer.
Si je spécifie une taille de texte de 75.01% pour <h1>, elle sera doublement réduite sous Firefox (75.01% * 75.01%), donc toujours plus petite sous FX que sous IE.

 

Comment demander explicitement à Internet Explorer d'appliquer la taille de police de <body> à <h1> ou comment demander à Firefox de ne pas appliquer la taille de police de <body> à <h1>? J'ai testé font-size:inherit; dans mes CSS, sans effet.
D'avance merci.


Message édité par Cutter le 30-04-2007 à 10:54:30

---------------
last.fm
Reply

Marsh Posté le 29-04-2007 à 15:58:10   

Reply

Marsh Posté le 29-04-2007 à 16:52:47    

salut,
 
essaie avec les "em".
http://css.alsacreations.com/Tutor [...] vec-les-em
 

Reply

Marsh Posté le 29-04-2007 à 16:59:30    

J'ai remplacé body {font-size:75.01%;} par body {font-size:0.75em;} mais ça n'a aucun effet, ni dans IE ni dans FX.


---------------
last.fm
Reply

Marsh Posté le 30-04-2007 à 10:23:09    

Je ne pense pas que ce soit le type de taille de police qui soit en cause mais le code lui-même.
 
Pourquoi tu ne séparerais pas le code des paragraphes < p > et éventuellement des autres titres du code de < H1 > ?
 
N'hésite pas à mettre ton code histoire que les forumeurs plus compétents que moi puissent t'aider !

Reply

Marsh Posté le 30-04-2007 à 11:35:07    

Bon bein j'ai résolu le problème en mettant le code suivant dans mon HTML:

<!--[if lte IE 6]>
<style type="text/css">
div#header h1 {font-size: 2em;}
</style>
<![endif]-->


---------------
last.fm
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed