Problèmes d'affichage page html sous Mozilla
Bonjour,
J ai créée plusieurs pages HTML, qui sont affichées correctement avec Internet Explorer (version 6).
En revanche, lorsque j'utilise Mozilla Firefox (version 3.5.3), tous les textes ne sont plus centrées mais décalés à gauche de la feuille.
Cpmment est-ce que je peux corriger ce problème ?
Merci pour votre aide.
J ai créée plusieurs pages HTML, qui sont affichées correctement avec Internet Explorer (version 6).
En revanche, lorsque j'utilise Mozilla Firefox (version 3.5.3), tous les textes ne sont plus centrées mais décalés à gauche de la feuille.
Cpmment est-ce que je peux corriger ce problème ?
Merci pour votre aide.
Configuration: Windows XP Firefox 3.5.3
4 réponses
-
Bonjour
Pour voir exactement ce qu'il se passe, il faudrait voir à quoi ressemble la page. -
Bonjour,
Toutes mes pages sont conçues sur ce principe:
**************
Page.HTML
**************
<html>
<head>
<title> </title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
</style>
</head>
<body>
<h2>Titre 1 </h2>
<h1>Titre principal </h1>
<p style="text-align:center;font-weight:bold;font-size:18px">
Sous titre
</p>
<p style="text-align:center;">
Dans cette zone se trouve mon texte
</p>
</body>
</html>
**************
Fichier style.css
**************
Fichier css :
h1 {font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 20px;text-align:center;color: #000;} h2 {font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 9px;text-align:left;color: #000000;}
p { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;text-align:justify;vertical-align:middle;color:#000;width:60%}
table {border:0px;margin:0px;padding:0px;font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;}
.tablefill {padding: 6px;background-color: #FFFFCC;border: 1px solid #345487; }
td {border:0px;margin:0px;padding:0px;}
body{ font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;text-align:center }
.titre1 {
padding:5px;
border-top: solid #CCCCCC 2px;
border-bottom: solid #CCCCCC 2px;
font-family:Verdana, Tahoma, Arial, sans-serif;
font-style: italic;
font-weight: bold;
color: #FFCC00;
font-size: medium;
background-color: #990000;
}
.titre2 {
margin-top:10px;
margin-bottom:5px;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-style: italic;
font-weight: bold;
color: #FFCC00;
font-size: medium;
background-color: #990000; -
je vais éplucher ça tout à l'heure et je te dirais ce que j'en pense.
-
j'ai épluché le problème
en ajoutant une balise, ça fonctionne dans les deux navigateurs
<html> <head> <title> </title> <link rel="stylesheet" type="text/css" href="style.css"> <style type="text/css"> </style> </head> <body> <h2>Titre 1 </h2> <h1>Titre principal </h1> <center><p style="text-align:center;font-weight:bold;font-size:18px"> Sous titre </p> <p style="text-align:center;"> Dans cette zone se trouve mon texte </p> </center> </body> </html>
