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 :

Probleme de width (firefox vs ie)


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    266
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 266
    Par défaut Probleme de width (firefox vs ie)
    Voici mon code html: J ai une image (@) de width27px dans la div cellule_haute1 qui fait elle même width27px, mais ce

    méchant internet explorer m'affiche une div cellule_haute1 plus grande...
    alors que firefox m'affiche la bonne taille... pourquoi svp

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <table cellpadding="0" BORDER="1">
        <tr>
         <th rowspan="2"><img src="the-concept_fichiers/concept_icone_1.png" border="0" width="72" height="77"></th>
         <td class="cellule_haute1"><img src="the-concept_fichiers/icone_ads.png" border="0" height="27" width="27"></td>
    	 <td class="cellule_haute2">Select</td>
         <td class="cellule_haute3">選定サポートサービス</td>
        </tr>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    #ss_corps {margin:0px; padding:0px;}
    #ss_corps p{margin:0px; padding:0px;}
    #ss_corps .text {margin:0px; padding-left:20px; padding-right:20px; font-size:14px;}
    #ss_corps table{padding-top:0px; margin:0px; padding-left:20px; font-size:14px; border:none;}
    #ss_corps .cellule_haute1 { height:27px; width:27px; padding:0px;}
    #ss_corps .cellule_haute2 { width:70px; padding:0px;}
    #ss_corps .cellule_haute3 {padding:0px;}
    #ss_corps .cellule_basse  { padding-left:5px; width:520px; height:45px; background-color:#f1f0f4;}

  2. #2
    Membre expérimenté
    Avatar de tzilliox
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 153
    Par défaut
    Bonsoir BernardT.

    Je suis pas sûr que ton problème viennent de là, mais sais-tu que le boxmodel de IE est différent de celui des autres navigateurs. En effet, la bordure de ton tableau est comprise dans la largeur sous Firefox alors qu'elle sera ajouté à la largeur de ta case sous IE.

    Ceci crée souvent un léger décalage entre ces différents navigateurs.

    Bon courage,
    Thomas.

  3. #3
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par Thoams Voir le message
    mais sais-tu que le boxmodel de IE est différent de celui des autres navigateurs.
    Uniquement en mode Quirks.
    En mode standard, IE utilise le modèle de boite du W3C (comme les autres navigateurs).

  4. #4
    Membre expérimenté
    Avatar de tzilliox
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 153
    Par défaut
    Salut Macmillenium,

    merci pour le renseignements !
    J'arrivais justement pas à vérifier ce que j'avais dit.

    Bon dimanche,
    Thomas.

  5. #5
    Membre chevronné
    Profil pro
    Chef Gérant
    Inscrit en
    Octobre 2005
    Messages
    230
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Chef Gérant
    Secteur : Santé

    Informations forums :
    Inscription : Octobre 2005
    Messages : 230
    Par défaut
    bonjour,

    en fait pour IE , il faut indiquer les dimensions pour chaque cellule si l'on ne veut pas le voir recalculer et redistribuer les largeurs de cellules comme bon lui semble .

    la largeur de #ss_corps .cellule_haute3 doit aussi etre indiqué

    Ensuite la largeur de #ss_corps .cellule_basse (en colspan) quand a elle n'aura pas besoin d'etre indiquée , la premiere ligne du tableau suffira a determiné la largeur initiale du tableau .

    GC

Discussions similaires

  1. [FLASH MX2004] Probleme Avec Navigateur Firefox
    Par Garra dans le forum Flash
    Réponses: 2
    Dernier message: 23/06/2006, 17h45
  2. Probleme panneau lateral Firefox et IE
    Par cedre22 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 17/03/2006, 11h54
  3. [FLASH] Probleme compatibilité flash/firefox
    Par Benestcon dans le forum Flash
    Réponses: 4
    Dernier message: 17/10/2005, 15h53
  4. probleme onmouseout avec firefox
    Par laurent2004 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 02/09/2005, 09h23

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