Firefox OK, Internet Explorer Problème

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Firefox OK, Internet Explorer Problème

lyneus

Bonsoir, mon site internet ( http://sas.pursud.org/Divers/Site_Multy_MyGames/ ) à un problème d'affichage avec internet explorer... contrairement à firefox qui s'affiche parfaittement bien, donc j'aimerais savoir d'où celà viens.
Si quelqu'un à une solution à ce problème, n'hésitez pas .
Merci

Publicité

gebruik

Commence déjà par faire de conteneurs "propres", sans balises br répétées...

Message cité 1 fois

gatsu35

Blablaté par Harko

gebruik a écrit :

Commence déjà par faire de conteneurs "propres", sans balises br répétées...

pour rappel je lui avait fait des conteneurs propres

au niveau de la CSS qui déclare ton block au centre, rajoute un zoom:1, cela vient de là.

et fourni nous ton code CSS et ton code HTML, car depuis la derniere fois ou je t'avais livré un template propre, tu as du le pourrir depuis

lyneus

Citation :

tu as du le pourrir depuis

^^ :non:

Ca va faire un peu long mais bon...

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...::Multy MyGames::...</title>
<link rel="shortcut icon" type="image/x-icon" href="MMG_mini.ico" />
<link rel="stylesheet" media="screen" type="text/css" title="Site Multy MyGames" href="css/mmg.css" />
<link rel="stylesheet" media="screen" type="text/css" title="Site Multy MyGames" href="css/mmg2.css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.lite.js"></script>
<script type="text/javascript" src="js/moo.fx.js"></script>
<script type="text/javascript" src="js/litebox-1.0.js"></script>
</head>
<body lang="fr" onload="initLightbox()">
<div id="container">
<div id="header"><h1>Multy MyGames</h1><span class="img"></span></div>
<div id="navigation">
<div class="block">
<div id="waitDiv" class="waitbox">
<table cellpadding="6" summary="Splash-Screen Wait">
<tbody>
<tr>
<td><b>Chargement en cours</b><br /><img src="img/loading2.gif" alt="Chargement en cours, Veuillez patienter..." title="Chargement en cours, Veuillez patienter..." /><br /> Veuillez patienter </td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
var DHTML = (document.getElementById || document.all || document.layers);
function ap_getObj(name)
{
if (document.getElementById) { return document.getElementById(name).style; }
else if (document.all) { return document.all[name].style; }
else if (document.layers) { return document.layers[name]; }
}
function ap_showWaitMessage(div,flag)
{
if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden'
if(! document.getElementById) if(document.layers) x.left=280/2; return true;
}
ap_showWaitMessage('waitDiv', 1);
</script>
<h2 class="leftcnr">Menu</h2>
<div class="block_ctn">
<br />
   <a href="index2.html">Accueil</a>
<br /><br />
   <a href="team.html">Ma Team</a>
<br /><br />
   <a href="fd.html">Fonds d'écrans</a>
<br /><br />
   <a href="liens.html">Liens</a>
<br /><br />
   <a href="img/msn.bmp" rel="lightbox[example]" title="slash444@hotmail.fr">Contact</a>
<br /><br />
   <a href="a_propos.html">A propos</a>
<br />
<br />
</div>
</div>
<div class="block blk_mrg">
<h2 class="leftcnr">Rubriques</h2>
<div class="block_ctn">
<br />
<center>
<a href="dow.html">Dawn of War</a>
<br />
<br />
<a href="magic.html">Magic WorkStation</a>
</center>
<br />
</div>
</div>
</div>
<div id="tools">
<div class="block">
<h2 class="rightcnr">Tribune libre</h2>
<div class="block_ctn">
<iframe src="http://www.i-tchat.com/10895" width="158" height="200" frameborder="0">
<a href="http://www.i-tchat.com" onclick="window.open('http://www.i-tchat.com/h-10895')">Voir la shoutbox</a>
</iframe>
</div>
</div>
<div class="block blk_mrg">
<h2 class="rightcnr">Liens</h2>
<div class="block_ctn">
<center>
<br />
<a href="http://the301team.com" onclick="window.open(this.href); return false;"><img src="img/lien_clan_301.jpg" class="alpha2" border="0" title="Site de la [301]" alt="" /></a>
<br />
<a href="http://forum.hardware.fr" onclick="window.open(this.href); return false;"><img src="img/lien_forum_HFR.bmp" class="alpha2" border="0" title="Forum hardware.fr" alt="" /></a>
<br />
<br />
</center>
</div>
</div>
</div>
<div id="content">
<div class="block">
<h2>Multy Mygames</h2>
<div class="block_ctn">
<center>
<p>
<br /><font color="#9966FF"><i>Dernière mise à jour</i>
<br />[27/01/07]</font>
<br />
<br />
<br />Bienvenue sur mon site !
<br />Vous pourrez trouver sur mon site diverses choses concernant ma team, il y a aussi une section sur différents jeux PC et pour finir il y a des fonds d'écrans à télécharger. Je vous souhaite une bonne visite.
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</p>
<object type='application/x-shockwave-flash' data='miniplayer_v12.swf' width='0' height='0'>
<param name='movie' value='<?= ?>player.swf' />
<param name='FlashVars' value='mp3=musique/PR_Intro2.mp3
&timecodecolor=x1594EE&outterborder=x555555&songtitlecolor=x1594EE
&loadingcolor=#FFFFFF&background=xEEEEEE&autoplay=true&autoload=true&amp' />
</object>
</center>
</div>
</div>
<script type="text/javascript">
setTimeout("ap_showWaitMessage('waitDiv', 0);",800)
</script>
</div>
</div>
</body>
</html>

CSS1

Code :

/*Definition des elements principaux*/
* {margin:0; padding:0;}
body {background:#FFFFFF; font-family:Verdana; font-size:0.7em;}
#container {width:750px; margin:0 auto;}
#header {width:641px; height:101px; position:relative; margin:0 auto 10px auto;}
#header h1 {color:#ccc; font-family:bold "Times New Roman", Times, serif;}
#header span.img {width:100%; height:100%; position:absolute; top:0; left:0; background: url(../img/header.png) no-repeat left top;}
#navigation {width:160px; float:left; margin-right:10px;}
#tools { width:160px; float:right; margin-left:10px;}
/*Definitions des blocks*/
div.block h2, div.block h2.leftcnr, div.block h2.rightcnr {background:url(../img/blk_hd_bkg.png) repeat-x left top; border:1px solid #A097B0; color:#9966FF; font-size:12px; text-align:center; height:20px; line-height:20px; vertical-align:middle; }
div.block h2.leftcnr {background: url(../img/blk_hd_bkg_leftcnr.png) repeat-x left top; border-width:0 1px 0 0; height:22px; line-height:22px;}
div.block h2.rightcnr {background: url(../img/blk_hd_bkg_rightcnr.png) repeat-x right top; border-width:0 0 0 1px; height:22px; line-height:22px;}
div.block div.block_ctn {background:url(../img/blk_bkg.gif) left top; border:1px solid #DADADA}
div.blk_mrg {margin-top:15px;}
a:link { color:#777777; text-decoration:none; font-weight:normal; }
a:link{text-decoration:none;color:#777777;}
a:visited{text-decoration:none;color:#777777;}
a:hover{text-decoration:overline underline;color:#cacaca;}
body {
background-color:#FFF;
color:#777777;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
.waitbox
{
font-weight: bold;
font-size: 10px;
background-color: #e9e9e9;
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #262C25;
margin-top: -70px;
margin-left: 313px;
position: absolute;
text-align: center;
}
#maframe {height:175px; overflow:auto;}
#maframe2 {height:248px; overflow:auto;}
#maframe3 {height:267px; overflow:auto;}
#maframe4 {height:215px; overflow:auto;}

CSS2

Code :

/*Definition des elements principaux*/
* {margin:0; padding:0;}
body {background:#FFFFFF; font-family:Verdana; font-size:0.7em;}
#content {margin:0; display:table-cell; _display:inline-block; }
.alpha {
-moz-opacity:0.6; /*Firefox*/
filter:alpha(opacity=60); /*Internet Explorer*/
opacity:0.6; /*Safari, Opera 8.5 et autres (s'ils gèrent)*/
}
.alpha:hover {
-moz-opacity:1; /*Firefox*/
filter:alpha(opacity=100); /*Internet Explorer*/
opacity:1; /*Safari, Opera 8.5 et autres (s'ils gèrent)*/
}
.alpha2 {
-moz-opacity:0.4; /*Firefox*/
filter:alpha(opacity=40); /*Internet Explorer*/
opacity:0.4; /*Safari, Opera 8.5 et autres (s'ils gèrent)*/
}
.alpha2:hover {
-moz-opacity:1; /*Firefox*/
filter:alpha(opacity=100); /*Internet Explorer*/
opacity:1; /*Safari, Opera 8.5 et autres (s'ils gèrent)*/
}
.alpha3 {
-moz-opacity:0.4; /*Firefox*/
filter:alpha(opacity=40); /*Internet Explorer*/
opacity:0.4; /*Safari, Opera 8.5 et autres (s'ils gèrent)*/
}

omega2

C'est normal les 2 "<br />" mis d'affilé aprés chaque élément des menus et les 13 "<br />" de la nouvelle?
Si tu veux laisser un gros espace entre plusieurs éléments, tu peux le faire grace aux marges et espacements indiqué dans les css.

lyneus

Euh ba c'est pas que je veux laisser un gros espace entre les éléments mais j'aimerais que celà face exactement pareil que sur firefox ou presque pareil parce que là ça fait vraiment moche sur IE.

pierce3

Le problème, si j'ai bien compris, c'est que FX et IE ne lisent pas les padding et les margin à l'identique, le plus simple serait que tu utilise les conditions CSS (ou instructions condidionnelles comme tu veux) dans ton entète d'appel de feulles de style et que tu crée deux feuilles de style : l'une pour IE et une autre pour FX, tiens voila un lien qui explique bien mieux les conditions et les problèmes de css entre les deux navigateurs.

http://www.siteduzero.com/tuto-3-2 [...] et-ff.html

FORUM HardWare.fr

Programmation

HTML/CSS

Firefox OK, Internet Explorer Problème

Sujets relatifs
probleme code php readdir():	Tween - probleme et optimisation
Js compatibilite IE / firefox	Probleme avec Api Setjob
Problème de compilation	[JS] Problème de DIV
Export Excel > Html = probleme !!!	Problème utilisation phpPgAdmin
Photos s'affichent dans firefox, mais pas dans IE	Problème: se déplacer dans un fichier
Plus de sujets relatifs à : Firefox OK, Internet Explorer Problème

Page générée en 0.164 secondes