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

HTML Discussion :

Affichage différent sous IE et Firefox


Sujet :

HTML

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 120
    Points : 67
    Points
    67
    Par défaut Affichage différent sous IE et Firefox
    Bonjour!

    quelqu'un peut-il m'expliquer les différences d'affichage sur cette page selon un navigateur IE7 et Firefox?

    http://hopeanddreams.free.fr/public/...php?idalbum=29

    sous firefox, l'image (au milieu de la page) et la liste sont bien centrées tandis que sous IE7, ça se décale à droite...

    Merci!

  2. #2
    Membre éclairé Avatar de djoyeux
    Profil pro
    Inscrit en
    Août 2007
    Messages
    595
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Août 2007
    Messages : 595
    Points : 668
    Points
    668
    Par défaut
    fait une mise en forme avec du CSS plutot que des tableaux imbriqué ça sera sans doute mieux.

    De plus regarde peut etre du coté de tes class. c'est peut etre dans ton CSS que ce trouve l'erreur.
    Est-il compatible IE et FF ?
    Dieu de l'orthographe pardonne moi.
    Ne pas confondre language SMS et abréviation. ça n'a rien a voir...

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 120
    Points : 67
    Points
    67
    Par défaut
    Citation Envoyé par djoyeux Voir le message
    fait une mise en forme avec du CSS plutot que des tableaux imbriqué ça sera sans doute mieux.

    De plus regarde peut etre du coté de tes class. c'est peut etre dans ton CSS que ce trouve l'erreur.
    Est-il compatible IE et FF ?
    C'est à dire?
    des Div au lieu de table?

    Comment savoir la compatibilité du CSS par rapport à IE et FF?

    merci

  4. #4
    Membre éclairé Avatar de djoyeux
    Profil pro
    Inscrit en
    Août 2007
    Messages
    595
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Août 2007
    Messages : 595
    Points : 668
    Points
    668
    Par défaut
    Il faut regarder les attibut de tes class si ils sont compatible avec IE et FF.
    Une petite recherche sur l'attribut dans ton moteur préféré te donnera l'info.

    Sinon poste ton CSS.

    C'est à dire?
    des Div au lieu de table?
    Oui
    Dieu de l'orthographe pardonne moi.
    Ne pas confondre language SMS et abréviation. ça n'a rien a voir...

  5. #5
    Membre actif
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    247
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Mars 2007
    Messages : 247
    Points : 276
    Points
    276
    Par défaut petit exemple...
    slt,

    sous IE, border et padding sont comptés dans width alors que sous Firefox ils sont en plus....

    l'astuce pour contourner ce pb, si border=0, alors il vaut mieux utiliser margin (marges exterieures compatibles) que padding (marges interieures non-compatibles).

    mais il y en a tout plein d'autres de définitions css non-compatibles, et c'est certainement la plus simple que je viens de te sortir...
    Conception et hébergement de votre site Web : http://www.jvprod.fr !

  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 120
    Points : 67
    Points
    67
    Par défaut
    Bon, c'est que j'ai fait:

    remplacer mes 2 tableaux par 2 zones div

    mais du coup, mon div navig s'affiche bien sur FF mais est caché derrière un autre div sous IE7....

    http://hopeanddreams.free.fr/public/...php?idalbum=27

  7. #7
    Membre du Club
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    50
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 50
    Points : 53
    Points
    53
    Par défaut
    Il faut rajouter un div avec clear:both; après ton menu dans le html

    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
     
    <div id="menu">
    	<dl>
    		<dt><a href="../index.php">Accueil</a></dt>
     
    	</dl>
    	<dl>			
    		<dt><a href="listing.php">Concerts</a></dt>
    	</dl>
    	<dl>	
    		<dt><a href="recherche2.php">Recherche</a></dt>
    	</dl>
    	<dl>	
    		<dt><a href="analyse.php">Analyses</a></dt>
     
    	</dl>
    	<dl>	
    		<dt><a href="statistique.php">Statistiques</a></dt>
    	</dl>
    	<dl>	
    		<dt><a href="http://hopeanddreams.aceboard.fr/">Forum</a></dt>
    	</dl>
     
    </div> 
    <div style="clear:both;">&nbsp;</div>
    Ton menu est positionné en absolute, il sort donc du flux et ton conteneur "navig" se positionne dès lors à 25px de l'entête plutôt que 25px du menu

  8. #8
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 120
    Points : 67
    Points
    67
    Par défaut
    merci! nickel...

    même si 25px, c'est un peu beaucoup... bref...

    merci.

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

Discussions similaires

  1. Problème d'alignement différent sous IE et FireFox
    Par GTJuanpablo dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 23/06/2007, 14h37
  2. [javascript]coordonnées souris différentes sous IE et Firefox
    Par Fabouney dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 17/04/2007, 15h01
  3. Rendus différents sous IE et FireFox.
    Par Thanor dans le forum Mise en page CSS
    Réponses: 23
    Dernier message: 26/10/2006, 11h21
  4. getElementsByName resultat différent sous Ie et Firefox
    Par garfield657 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 21/08/2006, 16h25
  5. [CSS]Affichage différent sous IE et FF
    Par arnaud_verlaine dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 08/12/2005, 13h53

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