Pb affichage tableau html IE/Mozilla

Résolu/Fermé

KoRnMuse Messages postés 17 Date d'inscription vendredi 30 novembre 2007 Statut Membre Dernière intervention 3 décembre 2007 - 30 nov. 2007 à 15:15
KoRnMuse Messages postés 17 Date d'inscription vendredi 30 novembre 2007 Statut Membre Dernière intervention 3 décembre 2007 - 3 déc. 2007 à 14:40

Bonjour à tous,

je suis actuellement en train de creer un site en html et tout fonctionnais bien jusqu'à temps que j'aille jeter un coup d'oeil sous Mozilla : j'utilise des tableaux pour afficher le graphisme et il semble que mozilla ne veuille pas garder la mise en forme de mes tableaux (esapces entre les cases, tout est decalé) Mes tableaux ont été crées avec imageready pour plus de commodités, copiés dans mes pages et j'ai par la suite ajouté une iframe au centre de mes tableaux. j'ai essayé de faire un tableau plus simple avec mon graphisme entier juste en fond et toujours l'iframe au centre. mais là c'est internet explorer qui bug...je sai plus quoi faire ^^''

alors voilà si qqun a une solution, je suis à votre disposition pour plus de details.

Merci d'avance.

A voir également:

Pb affichage tableau html IE/Mozilla
Tableau croisé dynamique - Guide
Code ascii tableau - Guide
Tableau word - Guide
Downloadhelper mozilla - Télécharger - Outils pour navigateurs
Mozilla thunderbird - Télécharger - Mail

5 réponses

Réponse 1 / 5

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
2 déc. 2007 à 22:01

Ça va être difficile.

Chez moi, Firefox n'aime vraiment pas cette page.
Il plante lamentablement.

Les mises en page par tableaux sont difficiles à lire, à maintenir.
Les indications dans le code HTML ne permettent pas de modifications faciles.

On peut tenter quelques propositions.

Firefox ne tient pas compte des indications de tailles en HTML.
Il faudrait donc remplacer tous les

<th width="nnn" height="nnn"

par un peu de style

<th style="width:nnnpx; height:nnnpx;"

Il est aussi possible que la taille de la <iframe> pose problème.
Et donc, en en réduisant un peu la taille…
Ou en en supprimant les espacements…

<iframe style="margin:0; padding:0;" src="

Ou en la plaçant dans une <div> à laquelle on appliquerait les dimensions pour ensuite modifier celle de la <iframe>

    <td rowspan="7" align="left">
      <div style="width:396px; height:463px;">
        <iframe src="kiss.html" name="kiss" scrolling="auto" 
        style="width: 100%; height: 100%;"></iframe>
      </div>
    </td>

++
Il peut être aussi utile que tu corriges les erreurs de cette page : http://validator.w3.org/#validate_by_uri+with_options

--

Réponse 2 / 5

KoRnMuse Messages postés 17 Date d'inscription vendredi 30 novembre 2007 Statut Membre Dernière intervention 3 décembre 2007
30 nov. 2007 à 17:11

je pense que mon problème est passé incognito donc je me permet de relancer ma demande ^^

Réponse 3 / 5

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
30 nov. 2007 à 19:06

Bonjour,

On doit certainement trouver ici des gens qui sauraient t'aider.
Mais il faudra certainement qu'ils puissent voir comment tu fais, que tu donnes “plus de details”.

Le plus simple est que tu indiques où est la page.
Ou du code ?
HTML et CSS.

--

Réponse 4 / 5

KoRnMuse Messages postés 17 Date d'inscription vendredi 30 novembre 2007 Statut Membre Dernière intervention 3 décembre 2007
2 déc. 2007 à 11:59

dsl de repondre si tardivement mais j'ai pas eu le temps avant ^^

voici la page qui pose problème : http://kissmekillme.free.fr/kissme/index.html

et son code :

<!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=iso-8859-1" />
<title>Kiss Me Side</title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    background-image: url(../myspace.gif);
}
-->
</style>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<style type="text/css">
<!--
.Style3 {color: #F90D5F; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif;}
-->
</style>
</head>

<body>
<table width="1000" height="291" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th width="1000" height="291" align="center" scope="col"><a href="../index.html"><img src="../banniere.png" alt="Kiss me Kill me" width="900" height="291" border="0" /></a></th>
  </tr>
</table>
<table width="1000" height="76" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th width="500" height="76" scope="col"><img src="baguette boules.png" width="480" height="25" /></th>
    <th width="500" scope="col"><img src="baguette boules.png" width="480" height="25" /></th>
  </tr>
</table>
<table width="1001" height="649" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="5">
            <img src="c1.png" width="1000" height="129" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="129" alt=""></td>
    </tr>
    <tr>
        <td>
            <div align="right"><a href="gallerie/index.html"><img src="c2.png" alt="" width="156" height="84" border="0"></a></div></td>
        <td rowspan="8">
            <img src="c3.png" width="151" height="520" alt=""></td>
        <td rowspan="7" align="left"><iframe src="kiss.html" name="kiss" scrolling="auto" height="463" width="396"></iframe></td>
        <td colspan="2" rowspan="4">
            <img src="c4.png" width="291" height="375" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="84" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="c5.png" width="162" height="123" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="123" alt=""></td>
    </tr>
    <tr>
        <td>
            <div align="right"><a href="https://kissmekillme.kanak.fr/login"><img src="c6.png" alt="" width="159" height="59" border="0"></a></div></td>
        <td>
            <img src="images/spacer.gif" width="1" height="59" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="c7.png" width="162" height="135" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="109" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <img src="c8.png" width="70" height="145" alt=""></td>
        <td rowspan="4">
            <a href="../gallerie/index.html"><img src="c9.png" alt="" width="221" height="145" border="0"></a></td>
        <td>
            <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
        <td>
            <a href="https://myspace.com/kissme_ulala_and_killme"><img src="c10.png" alt="" width="162" height="56" border="0"></a></td>
        <td>
            <img src="images/spacer.gif" width="1" height="56" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="c11.png" width="162" height="63" alt=""></td>
        <td height="6">
            <img src="images/spacer.gif" width="1" height="6" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="c12.png" width="396" height="57" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="57" alt=""></td>
    </tr>
</table>
<table width="1000" height="329" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th height="175" scope="row"><div align="left"><img src="kiss me neko.png" width="650" height="135" /></div></th>
  </tr>
  <tr>
    <th width="1000" height="154" scope="row"><div align="right"><img src="kill me neko.png" width="737" height="128" /></div></th>
  </tr>
</table>
<table width="1000" height="73" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th width="500" height="73" scope="col"><img src="baguette boules.png" width="480" height="25" /></th>
    <th width="500" scope="col"><img src="baguette boules.png" width="480" height="25" /></th>
  </tr>
</table>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th height="40" scope="col">©2007 Kissmekillme - Tous droits reservés aux Neko ! </th>
  </tr>
</table>
</body>
</html>

Voilà tout ^^ j'espere vraiment que quelqu'un pourra m'aider. Je precise que je concois ce site pour ma cherie qui est creatrice vestimentaire et moi même etant plutôt webdesigner et absoluement pas programmateur ben j'ai un peu de mal ^^'

Merci d'avance !

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

Posez votre question

Réponse 5 / 5

KoRnMuse Messages postés 17 Date d'inscription vendredi 30 novembre 2007 Statut Membre Dernière intervention 3 décembre 2007
3 déc. 2007 à 14:40

oh merci bcp pour toutes explications

jme suis renseigner sur qqs forums specialisés en webmastering et ils me disent tous d'abandonner completement les tableaux pour la mise en page au profit du CSS avec des balises <div> etc... j'essaie de m'y mettre mais c'est compliqué ^^

et bien jv regarder à tous ça alors et jv voir ce que jpeu faire

merci encore

Discussions similaires

Prélèvement Google Ireland Limited

adele

Tableau croisé dynamique - absence de certaines données

Facture de google 380€ !