Votre question

Probleme Affichage Ie Et Firefox

Tags :
  • Comptabilite
  • Programmation
Dernière réponse : dans Programmation
27 Décembre 2005 19:48:14

Salut , bah voila mon probleme , c'est que j'ai un probleme de comptabilité entre ie et firefox :

voila ce que ca me fait sous firefox => http://img317.imageshack.us/img317/3376/sousmozi6gg.jpg

voila ce que ca me fait sous internet explorer => http://img317.imageshack.us/img317/6596/sousie0mq.jpg

On voit une Difference, le Block du centre sous mozilla est corect mais sous Ie il est vers le bas je ne comprend pas ..

Je vais vous mettre mes codes :
Xhtml :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="essai.css" />

</head>
<body>
<div id="header"></div>

<div id="block_gauche">
<h2 class="ms_naruto"></h2>
<h2 class="articles"></h2>
<h2 class="multimedia"></h2>
<h5 class="bas"> </h5>
</div>

<div id="center">
<h2 class="titre"></h2>
<p class="ecrire"><br><br>dsfsdf
</p>
<h5 class="bastu"></h5>
</div>



</body>
</html>

Sous Css :
body
{
background-color: #BCB7B1;
width: 757px;
margin:0 auto;
}

#header
{
width: 757px;
height: 283px;
background-image: url("header.jpg");
background-repeat: no-repeat;
margin: auto;
}

#block_gauche {

width:196px;
background-image: url("center_center.jpg");
background-repeat:repeat-y;
float:left;
margin:0;
padding:0;
font-weight:bold;
background-position:-5px 0;
clear:both;
}

.ms_naruto
{
width: 196px;
height:59px;
background-image: url("haut_gauche.jpg");
background-position:-5px 0;
background-repeat: no-repeat;
text-align:left;
line-height:43px;
font-family:tahoma,verdana;
padding-left: 10px;
font-weight:bold;
font-size: 10px;
color: white;
margin:0;
}

.articles
{
width: 196px;
height:29px;
background-image: url("haut_center.jpg");
background-position:-5px 0;
background-repeat: no-repeat;
text-align:left;
line-height:43px;
font-family:tahoma,verdana;
padding-left: 10px;
font-weight:bold;
font-size: 10px;
color: white;
margin:0;
}

.multimedia
{
width: 196px;
height:29px;
background-image: url("haut_bas.jpg");
background-position:-5px 0;
background-repeat: no-repeat;
text-align:left;
line-height:43px;
font-family:tahoma,verdana;
padding-left: 10px;
font-weight:bold;
font-size: 10px;
color: white;
margin:0;
}

.bas
{
margin:0;
background-image: url("bas_bas.jpg");
background-position:-5px bottom;
background-repeat: no-repeat;
height: 26px;
}

#center {margin-left:195px ;width:562px;overflow:solid;}

.titre
{
background-image: url("haut_milieu.jpg");
background-repeat: no-repeat;
margin: 0 ;
height: 31px;
background-position:left;
text-align: left;
font-family:tahoma,verdana;
padding-left: 11px;
line-height:38px;
font-weight:bold;
font-size: 10px;
color: white;
}

.ecrire
{
background-image: url("center_milieu.jpg");
background-repeat:repeat-y;
margin:0 auto;
font-family: arial;
font-size: 11px;
background-position:left;
color:white;
padding:0 15px;
text-align:left;
font-weight:bold;
}

Autres pages sur : probleme affichage firefox

28 Décembre 2005 09:28:34

toujours l'eternel probleme d'IE à repecter les standars...bref
Il faudrai mettre des position:absolute; dans ton css je pense, mais va voir ici =>www.alsacreations.com
Un très bon site sur le css.
21 Janvier 2007 11:58:42

Internet Explorer, que tu le veuille ou non c'est ZE standard.
Qu'il soit incompatible avec firefox soit mais il reste le leader des navigateurs et tu ne peux déclarer que les standards du net sont fixés par la minorité.
Je suis un fervent utilisateur de Firefox, OpenOffice etc.. et je maudit Microsoft. Mais je garde la conscience de faire pour le moment partie d'une minorité qui utilise des alternatives libres à des leaders payants.
Pour conclure peu importe qu'il affiche ou non ce que l'on voudrait, IE est le standard sur lequel il faut se baser, et j'attend avec impatience le jour où je pourrai dire la meme chose sur FF. ;) 
30 Mars 2007 13:20:34

essaye de diminuer la taille un peu....
ou essaye de le cadré avec du css
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS