Pb affichage tableau html IE/Mozilla

Résolu

KoRnMuse Messages postés 17 Date d'inscription Statut Membre Dernière intervention -
KoRnMuse Messages postés 17 Date d'inscription Statut Membre Dernière intervention - 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.

Afficher la suite

A voir également:

Pb affichage tableau html IE/Mozilla
Tableau word - Guide
Tableau ascii - Guide
Downloadhelper mozilla - Télécharger - Outils pour navigateurs
Trier un tableau excel - Guide
Tableau croisé dynamique - Guide

5 réponses

Réponse 1 / 5

Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention 2 779

Ç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 Statut Membre Dernière intervention

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 Statut Contributeur Dernière intervention 2 779

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 Statut Membre Dernière intervention

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 Statut Membre Dernière intervention

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

Formule taux de marque

Votre réponse

Discussions similaires