Internet Explorer ne respecte pas tableau100%

Rbot -  
 rbot -
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.
A voir également:

6 réponses

txiki Messages postés 6819 Date d'inscription   Statut Contributeur Dernière intervention   524
 
Salut Rbot,
Heuuu ! le tableau fait 100% de large ? C'est ça ?
La colonne devrait donc faire 20% (puisqu'il y en a 5 par ligne. Non ?
S'il y a 5 images (1 par cellule dans la même ligne) ce sera la taille des images qui fixera la largeur de la cellule.

Mais un tableau de 5 colonnes qui fait 100% de large aura forcément des cellules de 20% de large (sauf indications contraires que tu dois spécifier).
0
Rbot
 
Bonjour,

Oui mais je ne veux pas que cela ce fasse en fonction des images car je vais utiliser des images qui n'ont pas forcément la taille de mes cellules de plus, avec cette méthode, si mes visiteurs utilisent des résolutions différentes le résultat ne sera pas celui désiré.

Si vous avez d'autres idées je suis preneur.

Merci
0
txiki Messages postés 6819 Date d'inscription   Statut Contributeur Dernière intervention   524
 
Bon, au lieu d'utiliser "print" pour l'affichage, il est préférable d'écrire echo (mais ça chacun a ses habitudes.
car je vais utiliser des images qui n'ont pas forcément la taille de mes cellules
Ben justement, dans ce cas, tu ne met aucune valeur à ta cellule (celle qui va contenir l'image).
Qu'y-a-t-il dans les suivantes ? D'autres images ? Sur la même ligne ?
Si c'est le cas, ne met rien. Elles s'adapteront aux contenus.
Par contre je ne sais pas ce que ça va donner selon les résolutions des utilisateurs. C'est délicat d'utiliser des images qui, à l'inverse des textes, ne se réduiront pas même si tu fixe une largeur a la cellule. Ex: td width: 100px et que tu insère une image qui fait 150px, ta cellule passera à 150px.
Je sais pas si je suis très clair....

0
Rbot
 
Oui mais moi je désirerais que toutes les images qui, à la base, ne feront pas toutes la même taille s'affichent de manière omogène. Donc je voudrai que ça force la taille de l'image a la taille de la cellule et non la cellule qui s'adapte à la taille.

Sous Firefox tout marche parfaitement mais sous IE c'est les cellules qui s'adaptent à la largeure de l'image (mais pas en hauteur c'est bizard).
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
txiki Messages postés 6819 Date d'inscription   Statut Contributeur Dernière intervention   524
 
Mais c'est pas possible ça !
ça voudrait dire que ton image est dynamique ? Où que la largeur de ta cellule correspond à la plus petite taille des images et que ces qui sont plus grandes sont redimensionnées automatiquement.
Seul javascript et php peuvent faire ça, et encore... je ne crois pas que tous les navigateurs, surtout IE, supportent ça.
0
rbot
 
Oui l'image est dynamique (voir le code).

Je vais trouver une autre solution parcqu'à mon avis cette méthode n'est pas la bonne.

J'ai pensé à :
en fonction de la résolution du client on charge des images différentes.
par exemple un dossier 1024*768, un dossier 1268*1024... avec dedans les images prévu pour un affichage plein écran de cette résolution.

Je ne sais pas si j'ai été claire mais moi je vois ce que je veux dire.

En tout cas merci pour votre aide et vive Firefox !

Tout ce travail à cause d'Internet Explorer !!!!
0