Les caprices d'IE

Fermé
Utilisateur anonyme - 11 sept. 2012 à 20:02
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 12 sept. 2012 à 17:54
Bonjour,

J'ai une page web d'un site privé qui marche à merveille sur Firefox, Chrome, Safari sauf... Sur IE (en l'occurrence la 9).

Je vous colle le code car je ne vois pas d'ou peut venir le problème si ce n'est peut-être le CSS.

<?php
session_start();
?>
<?php
if(!isset($_SESSION['stella']))
{
echo '<meta http-equiv="refresh" content="0;URL=login.php">';
exit();
}
?>
<?php
include('config.php');
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reseau Stella Cinema</title>
<style type="text/css">
table.border-radius {
padding:3px;
background:#171A1B;
border:0px solid #bbbbbb;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
</style>
<link rel="filmcolor" type="text/css" href="filmcolor.css" title="filmcolor" class="filmcolor">
<style type="text/css">
<!--
body {
margin:0;
padding:0;
background: url(images/body/bg2.png) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
background-color: #ffffff
}
a:link {
color: #06F;
}
a:visited {
color: #06F;
}
a:hover {
color: #00F;
}
a:active {
color: #06F;
}
.pop { POSITION:fixed; VISIBILITY: hidden; }
</style>
<style type="text/css">
div#kdm-non-presente {
padding:4px;
background:#transparent;
border:2px solid #cbc6c6;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

</style>
</head>

<body>
<DIV class=pop id=img></DIV>
<SCRIPT type="text/javascript">
if (document.getElementById){
box = document.getElementById("img").style;
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = pointer;
}
function poplink(contenu){
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=1 CELLPADDING=3 CELLSPACING=1><TR><TD BGCOLOR=#FFFFFF><CENTER>"+contenu+"</CENTER></TD></TR></TABLE></TD></TR></TABLE>";
if (document.getElementById)
{
document.getElementById("img").innerHTML =
content;
box.visibility = "visible";
}
}
function pointer(e)
{
var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
box.left = x+2;
box.top = y+2;
}
function closepopup()
{
if (document.getElementById)
box.visibility = "hidden";
}
</SCRIPT>
<table width="830" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><img src="images/body/logo2.png" /></td>
</tr>
<tr>
<td align="center" valign="top"><table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="625" align="center" valign="top"><br />

<?php include('infos_membres.php'); ?>
<br />

<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="10" valign="top" background="images/body/tbl_h_vfilms.png"></td>
</tr>
<tr>
<td height="19" align="center" valign="top" background="images/body/tbl_m_vfilms.png"><table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><img src="images/titres/tableau_prepas.png" /><br />
<br />
<div id="kdm-non-presente">
<!-- p><a href="https://accounts.google.com/ServiceLogin?service=mail&passive=true&rm=false&continue=https://mail.google.com/mail/&ss=1&scc=1<mpl=default<mplcache=2&emr=1&osid=1"target="_blank"> <img src="images/mail_KDM.png" align="center" valign="middle" bgcolor="#AEB1B3"> </a></p -->
<p>Si la KDM n'est pas présente, RDV sur la <a href="http://lien.fr"target="_blank">messagerie cabine</a> pour la récupérer <!--br>Tutoriel disponible ici (à venir)</br></p -->
</div>

<br />
<table class="border-radius" width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="24" width="700" <!--class="border-radius"<align="left" valign="middle"><bgcolor="#CEFFFF"--> <table width="690" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="82" align="center" valign="middle" bgcolor="#CEFFFF">Ajouté le</td>
<td width="293" align="center" valign="middle" bgcolor="#CEFFFF">Titre du film</td>
<td width="78" align="center" valign="middle" bgcolor="#CEFFFF">Smartjog</td>
<td width="78" align="center" valign="middle" bgcolor="#CEFFFF">Dorémi</td>
<td width="78" align="center" valign="middle" bgcolor="#CEFFFF">KDM</td>
<td width="81" height="24" align="center" valign="middle" bgcolor="#CEFFFF">Show</td>
</tr>
</table></td>
</tr>
</table>
</div>
<br />
<?php

$tr2 = mysql_query("SELECT
SUBSTRING('stella_prepas'.'jour', 1, 2) AS 'day',
SUBSTRING('stella_prepas'.'jour', 4, 2) AS 'month',
SUBSTRING('stella_prepas'.'jour', 7, 4) AS 'year',
'titre', 'id', 'h', 'mn', 'op', 'date_smartjog', 'op_smartjog', 'date_doremi', 'op_doremi', 'date_kdm', 'file', 'op_kdm', 'date_show', 'op_show', 'com_prep'
FROM 'stella_prepas'

ORDER BY 'year' DESC , 'month' DESC, 'day' DESC") or die(mysql_error());





while ($tr = mysql_fetch_array($tr2))
{
?>
<table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="10" align="center" valign="middle" <bgcolor="#eeeeee" </td> <table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td <div align="center"style="padding:10px;background:#FFFF99;border:0px solid #bbbbbb;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-top-right-radius:0px;-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;"><!--width="81" align="left" valign="middle" bgcolor="#FFFF99"--><?php echo $tr['day']; ?>/<?php echo $tr['month']; ?>/<?php echo $tr['year']; ?></div></td>
<td width="302" align="center" valign="middle" bgcolor="#CEFFFF"<img src="images/body/blank.png" width="5" height="1" /><a href="pfilms.php?id=<?php echo $tr['id']; ?>" onMouseOver="poplink('<img src=images/affiches/<?php echo $tr['file']; ?> width=350 height=500>')"; onmouseout="closepopup()" ><?php echo htmlentities($tr['titre']); ?></a></td>
<td width="79" align="center" valign="middle" bgcolor="#FFFF99">
<?php
if($tr['op_smartjog'] =='')
{
echo '<img src="images/ico/no_ok_g.png" width="30" height="30" />';
}
else
{
echo '<img src="images/ico/ok_g.gif" width="30" height="30" />';
}
?>
</td>
<td width="79" align="center" valign="middle" bgcolor="#FFFF99">
<?php
if($tr['op_doremi'] =='')
{
echo '<img src="images/ico/no_ok_g.png" width="30" height="30" />';
}
else
{
echo '<img src="images/ico/ok_g.gif" width="30" height="30" />';
}
?>
</td>
<td width="79" align="center" valign="middle" bgcolor="#FFFF99">
<?php
if($tr['op_kdm'] =='')
{
echo '<img src="images/ico/no_ok_g.png" width="30" height="30" />';
}
else
{
echo '<img src="images/ico/ok_g.gif" width="30" height="30" />';
}
?>
</td>
<td width="80" align="center" valign="middle" style="background:#FFFF99;border:0px solid #bbbbbb;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-top-right-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;";</td>

<?php
if($tr['op_show'] =='')
{
echo '<img src="images/ico/no_ok_g.png" width="30" height="30" />';
}
else
{
echo '<img src="images/ico/ok_g.gif" width="30" height="30" />';
}
?>
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="5" align="right" valign="middle"></td>
</tr>
<table width="300" border="0" cellpadding="0" cellspacing="0" align="right">
<tr>
<td width="10" align="right" style="padding:2px;border:0px solid #bbbbbb;border-radius:30px;-moz-border-radius:10px;-webkit-border-radius:10px;border-top-right-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;";
<align="right" valign="middle" bgcolor="#FFFF99"><a href="crapport.php?fm=<?php echo $tr['titre']; ?>">Créer un rapport sur ce film</a><img src="images/body/blank.png" width="10" height="1" /><a href="javascript:if(confirm('Etes vous sur de vouloir supprimer ce film ?')) document.location.href='erasf.php?id=<?php echo $tr['id']; ?>'">Effacer ce film</a></td>
</tr>
</table>
<br />
<br />
<?php
}
?>
<table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="700" height="53" align="left" valign="bottom"><a href="index.php"><img src="images/ico/arrow-left.gif" border="0" align="absmiddle" /></a><img src="images/body/blank.png" width="10" /><a href="index.php">Retour au menu principal</a></td>
</tr>
</table>

</td>
</tr>
</table></td>
</tr>
<tr>
<td height="10" valign="top" background="images/body/tbl_b_vfilms.png"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<br />
</body>
</html>




J'obtiens une page avec juste l'image de Background.
Des idées ??

Merci :-)

A voir également:

2 réponses

Utilisateur anonyme
12 sept. 2012 à 15:39
personne ?
0
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
12 sept. 2012 à 17:54
Bonjour,

Déja, le code HTML est un sac de noeud. On n'utilise TABLE que poru afficher des données el ligne et colonne. Point barre. Il faut arrêter de mettre des TABLE dans des TABLE....

Privilégiez le positionnement CSS. Voir ici:
http://html5.immo-scope.com/index.php?page=html5/miseEnPageSimple

Et tout ce qui est expliqué fonctionne avec IE.

Le code sera plus simple et plus facile à modifier.

A+
0