Aller au contenu

Internet Explorer ne respecte pas tableau 100%

Par Rbot
dans Programmation et Lignes de code

Featured Replies

Posté(e)

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.

  • Citer
    • Posté(e)

    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.

  • Citer
    • Posté(e)

    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.

  • Citer
    • Posté(e)

    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>

  • Citer

    • Archivé

    Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

    Aller sur la liste des sujets