IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Problème tableau IE6/Firefox


Sujet :

Tableau en CSS

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    284
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 284
    Points : 79
    Points
    79
    Par défaut Problème tableau IE6/Firefox
    Bonjour à tous
    Voila j'ai un gros probléme. J'ai réaliser un site web ou sur tout mes pages j'inclus une bannière en haut et un menu a gauche.
    Voici un ptit exemple: http://benoitcmoi.free.fr/cadre.php
    Si je l'ouvre avec firefox, cela s'affiche comme je le veux mais ouvrez le avec IE et vous vérrez lz résultat.
    Que faire pour corriger ce problème?

    Voici mon code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    <!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>Document sans nom</title>
    </head>
     
    <body>
    <table width="900" border="1">
    <tr>
    <td colspan="2"><div align="center">haut de page haut</div></td>
    </tr>
    <tr>
    <td width="100" rowspan="3"><?php include("menu.php")?></td>
    <td height="61" valign="top">
    a<br />
    a<br />
    a</td>
    </tr>
    <tr>
    <td height="23" valign="top" align="center">liens</td>
    </tr>
    <tr>
    <td width="800" valign="top">
    Texte<br />
    Texte<br />
    Texte<br />
    Texte<br />
    Texte<br />
    Texte</td>
    </tr>
    </table>
    </body>
    </html>

  2. #2
    Membre éprouvé
    Avatar de viviboss
    Profil pro
    Inscrit en
    Août 2006
    Messages
    943
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Août 2006
    Messages : 943
    Points : 1 248
    Points
    1 248
    Par défaut
    Essaye de mettre des styles dans un CSS, que tu appliquera sur ton tableau (notamment les tailles et position : relative ou absolue)

    Tu touche là au problème récurant des développeurs WEB : compatibilité entre IE et Mozilla !!!!

    Bref, a mon avis le pb vient de l'interprétation différente entre IE et FireFox en ce qui concerne les positions.

    D'où les CSS.... Tu n'en est pas loin, puisque tu prend déjà la notation XHTML !!!

    Et ca c'est bien.

    Sinon, tu peu assayer de mettre directement dans ton code les tailles de tes TR et TD, mais ce n'est pas très propre !!!

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    284
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 284
    Points : 79
    Points
    79
    Par défaut
    Merci,
    Mes peut tu me donner quelque conseil pour le css.
    Car je n'en est pas encore l'habitude de l utiliser pour les tableaux.
    Si tu pouvais me donner un exemple ou encore mieux, me montrer sur ma page web se qui faut que je rajoute, se serait énorme.
    Merci

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 905
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 905
    Points : 14 822
    Points
    14 822
    Par défaut
    Je ne vois pas où est le problème.

    La seule différence dans ta page c'est que IE et Firefox n'alloue pas la même place à une image manquante. De ce fait le menu de gauche est plus haut sur IE que sur Firefox, donc tire les cellules de droites vers le bas et augmente par la même leur hauteur.

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    284
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 284
    Points : 79
    Points
    79
    Par défaut
    Bonjour, le problème ne vient pas du fait que IE et firefox n 'alloue pas la meme place si il manque une image. J'ai toujours IE6 et si j affiche ma page, IE redimensionne mon tableau. Au lieu que le texte soit coller en Haut (valign="top"), avec IE il redimmensionne mes cellule de sorte que le texte soit au milieu.
    Je ne sais vraiment pas comment faire.

  6. #6
    Membre éprouvé
    Avatar de viviboss
    Profil pro
    Inscrit en
    Août 2006
    Messages
    943
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Août 2006
    Messages : 943
    Points : 1 248
    Points
    1 248
    Par défaut
    Tiens, ca ca devrait t'aider.... Je ne peux pas t'écrire ta page (pas le temps, désolé....) mais ceci devrait t'aider pour passer au CSS :

    http://pbnaigeon.developpez.com/tuto...tions-de-base/

    http://web.developpez.com/tutoriel/xhtmlcss/

    Voilà, en espérant que ca t'aide (ca fera un peu de lecture, désolé.... )

    Bref, bonne chance.

  7. #7
    Membre régulier
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    284
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 284
    Points : 79
    Points
    79
    Par défaut
    Merci bien, en effat ça va me faire de la lecture.
    J'essaye de trouver mon bonheur la dedans et je reviens si un problème.
    Je vous remercie tous.
    Bonne continuation et longue vie a Developpez.com

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [HTML] probleme de tableau entre firefox et IE
    Par Pe04 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 17
    Dernier message: 17/06/2009, 16h26
  2. IE6 / FireFox
    Par canabral dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 17/01/2006, 13h00
  3. [Xhtml/Css] Problème de tableau IE/firefox
    Par hawaks dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 12/12/2005, 15h55
  4. problèmes de perfs IE6/Firefox
    Par fredoche dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 26/08/2005, 18h44
  5. balise <img> dans un tableau avec firefox
    Par yannock dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 25/10/2004, 17h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo