Tom's Guide > Forum > Programmation > Probleme Affichage Ie Et Firefox
Mot :    Pseudo :           
 

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 [...] ozi6gg.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;
}

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

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.

Répondre à mr_keyser

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. ;)

Répondre à sklator

essaye de diminuer la taille un peu....
ou essaye de le cadré avec du css

Répondre à jerem3000
Tom's Guide > Forum > Programmation > Probleme Affichage Ie Et Firefox
Aller à :

Il y a 2223 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens