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 :

[Doctype] Décalage sous Firefox


Sujet :

CSS

  1. #1
    Membre actif Avatar de kevinf
    Profil pro
    Développeur informatique
    Inscrit en
    Juin 2005
    Messages
    863
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2005
    Messages : 863
    Points : 225
    Points
    225
    Par défaut [Doctype] Décalage sous Firefox
    Salut,

    j'aimerai que vous m'aidiez pour mon site, voici l'adresse:
    http://www.kevinf-studio.com/index2.php

    Sous IE 7, tout est niquel, alors que sous Firefox, le logo est en décalage.

    Pouvez vous me dire quoi modifier.

    Merci

    PS : n'hésitez pas à regardez les codes sources pour voir les erreurs
    KevinF

  2. #2
    Membre actif
    Inscrit en
    Novembre 2006
    Messages
    206
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 206
    Points : 231
    Points
    231
    Par défaut
    Attention, il n'y a pas de doctype, tous les navigateurs utilisent donc le mode quirks !
    IE 7 est le seul navigateur sous lequel ça passe donc.

    Firefox, Opera, Safari et même ie 6 (à cause de png et des transparences) toussent.
    La solution ça peut être des commentaires conditionnels mais ce n'est pas bien à moyen terme.
    Avec un doctype, la page est à revoir, mais elle sera plus sûrement compatible.

  3. #3
    Membre actif Avatar de kevinf
    Profil pro
    Développeur informatique
    Inscrit en
    Juin 2005
    Messages
    863
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2005
    Messages : 863
    Points : 225
    Points
    225
    Par défaut
    Et comment faire alors pour que tout marche sur les navigateurs (sans compter les png)?
    KevinF

  4. #4
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    pour éviter les problèmes de compatibilité,

    Lle mieux est d'indiquer un doctype et de le respecter.
    Et surtout, il faut tester la page tout au long de son écriture très régulièrement dans plusieurs naviguateurs.

    Ca te permet de cibler l'origine du souci beaucoup plus facilement
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  5. #5
    Membre actif Avatar de kevinf
    Profil pro
    Développeur informatique
    Inscrit en
    Juin 2005
    Messages
    863
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2005
    Messages : 863
    Points : 225
    Points
    225
    Par défaut
    Quel doctype je dois mettre là pour que sa marche comme sur IE 7 ?

    Merci
    KevinF

  6. #6
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    Le doctype ne se rapporte pas au navigateur mais au langage que tu utilises. Donc html ou xhtml, c'est toi qui décide.

    Le doctype te guarantit (car il existe des outils pour cela) que ton code est valide.
    A partir de cette base, il te restera des adaptations minimes à faire pour pallier au manquement des différents navigateurs.

    Tout ca pour dire qu'une seule ligne supplémentaire ne règlera surement pas tous tes problèmes d'un coup.

    pour les doctypes, voir la FAQ: Quel doctype déclarer en début de page ?
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  7. #7
    Membre actif Avatar de kevinf
    Profil pro
    Développeur informatique
    Inscrit en
    Juin 2005
    Messages
    863
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2005
    Messages : 863
    Points : 225
    Points
    225
    Par défaut
    Voila j'ai mis un doctype, mais je ne voit pas comment le rendre compatible avec Mozilla, aidez moi...
    KevinF

  8. #8
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    re,

    Je ne vois pas qui pourrait t'aider avec les éléments que tu nous donnes...
    Il n'y a pas une ligne de code.
    Ton lien ne pointe nulle part.
    Tu nous dit que tu as mis un doctype mais pas lequel...

    Bref, c'est pas très clair tout ca...
    Il faut que tu reformules ton problème en y mettant le plus possible de détails.
    Si c'est trop conséquent, tu essaies de diviser les problèmes et de les résoudre un par un, éventuellement en postant ici (ou sur le forum css en fonction de la nature du problème).
    J'insiste sur le "un par un"
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  9. #9
    Membre actif Avatar de kevinf
    Profil pro
    Développeur informatique
    Inscrit en
    Juin 2005
    Messages
    863
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2005
    Messages : 863
    Points : 225
    Points
    225
    Par défaut
    Excuse, c'est vrai entre temps, j'ai changé la page donc voici le lien :
    http://www.kevinf-studio.com

    Merci
    KevinF

  10. #10
    Membre actif Avatar de kevinf
    Profil pro
    Développeur informatique
    Inscrit en
    Juin 2005
    Messages
    863
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2005
    Messages : 863
    Points : 225
    Points
    225
    Par défaut
    Je complète donc ma question:
    j'ai essayé des trucs, en mettant un doctype, mais maintenant mon seul soucis est la position du logo, qui n'est pas la même que sur IE, alors que les autres images (fais sur le même style de code) sont bien placé.
    Etrange ...
    KevinF

Discussions similaires

  1. Décalage sous Firefox & IE ; pas de décalage sous Google Chrome & Safari
    Par Fya34 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 09/02/2010, 16h45
  2. Décalage sous Firefox
    Par khany dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 01/09/2009, 15h12
  3. Décalage sous firefox d'une de bordure de table à 100%
    Par theavengers dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 03/07/2008, 15h17
  4. [Aide] Décalage sous Mozilla Firefox
    Par PiouPiou83 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 10/06/2008, 18h22
  5. table décalage sous Firefox
    Par dams77 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 17/08/2007, 14h15

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