Posez votre question Signaler

Taille de police IE et firefox

marco - Dernière réponse le 16 mars 2010 à 14:21
Bonjour,
Alors voila, mon problème est simpe : je n'ai pas la même taille de police sur IE et sur firefox quand j'ouvre mon blog. Pour aller vérifier de vous même : www.lille-lome.com
Je vous donne le css, ca peut aider.
C'est surement un problme simple mais je suis bloqué !
Merci !
##########################################/* ***** BEGIN LICENSE BLOCK *****
* This file is part of DotClear.
* Copyright (c) 2004 Samuel Latchman and contributors. All rights
* reserved.
*
* DotClear is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
*
* DotClear is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with DotClear; if not, write to the Free Software
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
*
* ***** END LICENSE BLOCK *****
*
* Contributor(s):
* Olivier Meunier
* Philippe
* Marc SARTON
*/
body{
background-image: url(images/diagonals.gif) repeat;
padding: 0em 0em 0em 0em;
background-color: #405060;
}
html>body{
font-size:small;
margin:0em;
padding:0em;
}
p {
margin : 1em 0;
}
img {
padding:0.2em;
border : 1px solid #CCCCCC;
}
form {
display : block;
margin : 0;
padding : 0; }
h2,h3 {
font-family:Georgia, "Times New Roman", Times, serif
}
p.present{
font-family: times, serif ;
font-size: 10pt ;
color: green ;
font-style: italic ;
text-align: justify;
}
#present{
text-weight: bold;
}
hpatience {
text-align: justify;
color: #208060;
text-align: justify;
font-size: 10pt ;
}
.hliens{
color: #a08060;
text-weight: bold;
}
h1 {
font-size : 3em;
margin-left: 0em;
margin-top: 0.5em;
padding:0em 0em 0em 0.2em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #204060;
font-style: italic;
text-align: right;
}
h2 {
font-size : 1.3em;
margin : 0.83em 0;
color: #666666;
}
h3 {
font-size : 1.17em;
margin : 1em 0;
color: #a08060;
}
h4 {
font-size : 1em;
margin : 1.33em 0;
}
h5 {
font-size : 0.83em;
margin : 1.67em 0;
}
h6 {
font-size : 0.67em;
margin : 2.33em 0;
}
h1 a{
color:#000000;
}
code,pre { font-family : "Courier New",monospace; font-size : 1em; overflow:auto; border:1px dotted #666;}
q { font-style : italic; }
a {color : #666666;}
a:hover, a:focus, a:active {color: #1B5EA8;}
a[hreflang]:after {content: "\0000a0(" attr(hreflang) ")";color : #666;background : transparent;}
h1 a, h1 a:hover, h1 a:focus, h1 a:active {text-decoration : none;color:#FEE7B9;}
/* Le bandeau et les onglets
-------------------------------------------------------- */
#header{
margin:0em;
padding:0em;
font-size:1em;
font-weight:bold;
line-height:normal;
background: transparent;
/*border: 1px solid #666666;*/
}
#bandeau{
margin:0em;
padding:0em;
height:100px;
background: #405060 url(images/banner.jpg) no-repeat center;
border: 1px solid #405060;
}
#bandeau p {
color:#FFFFFF;
margin:0.5em 0.5em;
padding: 0;
}
#bandeau img {border:none;}
#header ul{
margin:0;
padding:10px 10px 0;
list-style:none;
}
#header li{
float:left;
background: url("images/left.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
}
#header a{
float:left;
display:block;
background: url("images/right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#000000;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover{
color:#0033CC;
}
#header #current{
background-image: url("images/left_on.gif");
}
#header #current a{
background-image: url("images/right_on.gif");
color:#333;
padding-bottom:5px;
}
#header p {
float:right;
color:#FFFFCC;
display:block;
font-size:0.85em;
margin:0.5em 0.5em 0em 0em;
padding:0.5em 0em 0em 0em;
text-align:right;
}
/* Le prelude
-------------------------------------------------------- */
#prelude{
background: transparent;
color: #DFDFDF;
}
#prelude a{
color: #DFDFDF;
background: transparent;
}
#prelude a:hover{
color: #FEE7B9;
background: transparent;
}
/* Layout
-------------------------------------------------------- */
#conteneur{
width:80%;
margin:20px auto 20px auto;
padding:0.2em;
text-align:left;
background-color: #405060;
}
#contenu{
clear:both;
margin:0em auto 0em auto;
padding:1em;
background-color: #FFFFFF;
}
#page {
margin : 0 auto;
padding : 0;
min-height:400px;
}
#main {
float : left;
width:70%;
margin-right : 1em;
}
#main h3 {
color : #333;
margin-top : 1em;
}
#content {
padding : 1px 1em 1em 19px;
border-right: 1px dotted #0066CC;
}
#content p{
text-align:justify;
}
#content table{
text-align:justify;
font-size:1em;
}
/* Sidebar
-------------------------------------------------------- */
#sidebar {
float:right;
width : 13em;
margin : 0em 0.5em 0em 0em;;
}
#sidebar h2 {
color : #666666;
font-size : 1em;
border-top : 1px dotted #0066CC;
padding : 0.5em 0 0 0;
margin : 1.3em 0 0.3em 0;
}
#sidebar h3{
font-size: 1em;
margin: 0;
}
#sidebar h4 {
font-weight : normal;
color : #666666;
font-size : 1em;
padding : 0 0 0 0;
margin : 1.3em 0 0.5em 0;
}
#sidebar ul {
padding-left : 1.5em;
margin : 0 0 0 0;
}
#sidebar li {
list-style : none;
margin: 0.2em 0;
color : #e2d6ad;
}
#sidebar a:hover {
color:#0000FF;
background : transparent;
}
#sidebar a {
text-decoration : none;
color:#666666;
}
.sidebarleft{text-align : left ;}
/* Post
-------------------------------------------------------- */
.day-date {
font-size : 0.8em;
font-weight : bold;
margin-top : 2em;
text-align : right;
border-top : 1px dotted #0066CC;
color : #666;
background : transparent;
}
.post {
margin-bottom : 2.5em;
}
.post-title {
margin : 0.8em 0 0 0;
color: #a08060;
background : url(images/terre.gif) no-repeat left top;
padding-left : 35px;
height:40px;
}
.post-title a {
color : #394558;
text-decoration : none;
}
.post-title a:hover {
color : #208060;
text-decoration : none;
}
.post-info {
font-size : 0.85em;
clear : both;
color : #999999;
margin : 0;
}
.post-chapo {
margin-bottom : 1em;
}
.post-content {
}
.post-info-co {
font-size : 0.85em;
clear : both;
background : transparent url(/images/ico_comments.png) no-repeat 0 40%;
padding-left : 13px;
}
.post-info a {color: #208060;}
.post-info a:hover{color : #666666;}
.post-info-co a {color: #208060;}
.post-info-co a:hover{color : #666666;}
#trackbacks {
}
#comments {
}
#comment-preview {
}
#trackbacks, #comments, #comment-preview {
margin : 0 2em;
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
display : block;
margin : 0 0 1em 0;
padding : 1px 1em;
font-style : normal;
border : 1px solid #999;
color : #666;
background : transparent;
}
.comment-info {
margin : 0;
background : transparent url(images/ico_comments.png) no-repeat 0 40%;
padding-left : 13px;
}
/* Error messages
-------------------------------------------------------- */
.error {
border : 1px solid #c00;
background : #fee;
padding : 0.5em;
}
.error ul {
padding-left : 20px;
}
.error li {
list-style : square;
}
/* Interactions
-------------------------------------------------------- */
fieldset {
display : block;
border : none;
margin : 0;
padding : 0;
}
input, textarea {
font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size : 1em;
border-width : 1px;
border-color : #ccc;
}
input[type], textarea[name] {
background: #FEF1D9;
}
input[type=submit], input[type=reset] {
background: #FEE7B9;
color : #000;
}
input[type=submit]:hover {
background : #208060;
color : #fff;
}
textarea {
width : 100%;
}
p.field {
margin : 0.5em 0 0 0;
}
p.field label {
display : block;
font-weight : bold;
font-size : 0.85em;
}
.spacer{
clear:both;
}
/* footer
-------------------------------------------------------- */
#footer {
clear:both;
margin:0em auto 0em auto;
padding:0.5em 0em 0.5em 0em;
text-align:center;
background: #208060;
color:#FFFFFF;
font-size: 12px;
}
#footer a{
color:#FFFFFF;
}
Lire la suite 
Réponse
+2
moins plus
Bonjour,

Les tailles de police sur le web doivent être gérées en pourcentage ou en "em", surtout pas en pt (point) qui est une notion issue du print et qui n'est pas du tout gérée de la même façon sous Windows, Mac et Linux (indépendamment du navigateur). A la limite une unité en pixels pourrait correspondre même si ce n'est pas très accessible.
Ajouter un commentaire
Réponse
+0
moins plus
je pense que c'est normal et que tes CSS n'y sont pour rien... il y a des différences de "prise en compte" des polices entre IE et Firefox... je ne saurais pas t'expliquer le truc, mais regarde un site sur IE et sur Firefox et tu verras une différence de polices également.
si ma réponse a pu te rassurer...
ciao
marc- 13 févr. 2007 à 06:38
merci :) tu as raison, suffit de changer la taille de police sur IE...
Répondre
Ajouter un commentaire
Réponse
+0
moins plus
Salut, moi j'ai également, le même problème...mais je crois savoir d'où ça vient.

Je pense qu'en taille de police tu ne devrais pas utiliser le terme "small" mais de mettre tout simplement une taille fixe, c'est-à-dire "12pt"...j'ai pas encore fais le test, mais fais-le, et donne de tes nouvelles merci.

jojo lako
Ajouter un commentaire
Ce document intitulé «  taille de police IE et firefox  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.