Jump to content

Internet Explorer ne respecte pas tableau 100%


Recommended Posts

Bonjour à tous,

Internet Explorer ne respecte pas la taille 100% (longueur et largeur) de mes tableaux.

Je vous explique plus en détail :

je souhaiterai que mon tableau prenne toute la page.

Il s'agit d'un tableau de 50cases : 10 lignes, 5 colonnes

Dans chaque case du tableau je souhaite mettre une image qui prenne 100% de la cellule (je ne veux pas definir de taille fixe).

J'ai l'impression qu'Internet Explorer ne prend pas en priorité le fait que le tableau doit prendre 100% de la page (plus particulièrement dans la largeure).

Sous Firefox cela ce passe plutôt bien.

Cette page est généré en PHP : voici le code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<?php
$y=0; //Variable image aléatoire
$i=1; //indice de ligne
$x=1; //indice de colonne
print("<table border='1px' cellpadding='0' cellspacing='0' height='100%' width='100%'>\n");
print("<tr>\n");
while($i<=10)
{
 while($x<=5)
 {
$y=rand(1,4);
print("<td><img src='pubs/$y.png' height='100%' width='100%'/></td>\n");
$x++;
 }
print ("</tr>\n");
 $i++;
 $x=1;
}
print("</table>\n");
?>
</body>
</html>

Merci d'avance pour votre aide.

PS: Si vous préférez le code HTML généré par la page dite le moi je vous le metterai.

Link to comment
Share on other sites

Oxigen> et que crois tu qu'il a fourni? :)

plusieurs choses: utilises des for dans tes boucles, ça n'en sera que plus lisible. Et je vois mal comment tu arrives à 5 colonnes en faisant des </tr> sans faire de <tr> ? Typiquement, tu oublies un <tr> avant le while imbriqué.

Comment par corriger le code html (via le validateur si besoin est) avant de chercher une erreur :) même sous IE.

Link to comment
Share on other sites

Effectivement ça semble être là le problème. Les <tr> ne sont pas bien formulé. Est-ce que tu pourrais envoyer le résultat du code source HTML généré sur le client. Parce que pour la question du 100%, IE 5 et + supporte sans problème ce paramètre pour <table> alors c'est probablement le fais qu'il ne reçois pas bien sa structure qui l'empêche de bien afficher le tout.

Link to comment
Share on other sites

Essaye ceci:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<?php
$y=0; //Variable image aléatoire
$i=1; //indice de ligne
$x=1; //indice de colonne
print("<table border='1px' cellpadding='0' cellspacing='0' height='100%' width='100%'>\n");
while($i<=10)
{
 print("<tr>\n");
 while($x<=5)
 {
$y=rand(1,4);
print("<td><img src='pubs/$y.png' height='100%' width='100%'/></td>\n");
$x++;
 }
print ("</tr>\n");
 $i++;
 $x=1;
}
print("</table>\n");
?>
</body>
</html>

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...