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 de DIV dans IE


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2008
    Messages : 33
    Par défaut Problème de DIV dans IE
    Bonjour,

    je cherche le problème depuis un bout mais sans succès. Ma page marche bien avec Firefox et Chrome, mais pas avec IE (je test avec le IE8 + compatibility mode).

    Bref, le site en question est :

    http://lawgames2010.com/New/Home.php?lang=fr

    Sous Firefox et Chrome, le menu est parfaitement affiché et tout en un bloc. Sous IE, il semble y avoir 2 espaces, une entre ma DIV qui fait les coins supérieurs ronds et l'autre avec espace avec la DIV qui fiat les coins inférieurs ronds.

    Est-ce que quelqu'un pourrait me suggérer une façon de régler le problème.


    Égallement, pourquoi tout le contenu de ma page est capable d'être centré sous Chrome/Firefox mais que le tout est aligné à gauche dans IE?

  2. #2
    Membre chevronné Avatar de desert
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    414
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2007
    Messages : 414
    Par défaut
    Bonjour,
    Tu as plusieurs problèmes :
    - Pas de doctype sur ta page (Pourquoi et lequel).
    - Un form ne peut pas être un enfant direct d'une table. La table doit donc être à l'intérieur du form.
    - Les balises a ne peuvent pas être parentes d'une balise de type bloc (ici des div).

    Pour ton problème de centrage, IE applique par défaut un scrollbar vertical (du moins sur les versions + petites ou égales à IE7). Ce qui donne cette impression d'être aligné à gauche. Pour le régler, soit tu réduis la largeur de certaines balises (980px max est plutôt conseillé), soit tu appliques un overflow:auto sur la balise html pour cacher le scrollbar.
    Pour les espaces dans ton menu, tu dois appliquer un margin:0 et un padding:0 sur la balise ul car ces valeurs sont > 0 par défaut.

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2008
    Messages : 33
    Par défaut
    Un gros merci desert pour tout l'aide aditionnel que tu m'as donné. J'ai fait les corrections appropriées et je suis égallement en cours de correction des éléments qui ne valident pas avec W3.

    Résolu!

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

Discussions similaires

  1. Problème XHTML div dans un a
    Par Nadiya dans le forum ASP.NET
    Réponses: 4
    Dernier message: 02/09/2010, 15h12
  2. [CSS 2] Problème de DIV dans un DIV IE7
    Par actarus4444 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 25/10/2009, 18h07
  3. problème pour fixer la taille des div dans template
    Par damien40 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/05/2007, 11h05
  4. [W3C] problème de DIV dans Firefox
    Par yvon_huynh dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 21/08/2006, 22h01
  5. [CSS][debutant] problème de position de 2 div dans un div
    Par nixonne dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 06/12/2005, 14h12

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