Aller au contenu

Internet Explorer ne respecte pas tableau 100%

Rbot

Par Rbot
dans Programmation et Lignes de code

Messages recommandés

Rbot Nouveau

Rbot

Posté(e)
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.

Lien vers le commentaire
Partager sur d’autres sites
Baldurien Nouveau

Baldurien

Posté(e)
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.

Lien vers le commentaire
Partager sur d’autres sites
ggbce Étoile Montante

ggbce

Posté(e)
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.

Lien vers le commentaire
Partager sur d’autres sites
NiTrOuS Expérimenté

NiTrOuS

Posté(e)
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>

Lien vers le commentaire
Partager sur d’autres sites

Archivé

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

Aller sur la liste des sujets
×
×
  • Créer...