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 :

Menu qui empiète sur le bas sous Mozilla et pas sous IE


Sujet :

CSS

  1. #1
    Membre chevronné Avatar de guigui5931
    Profil pro
    Chef de projet NTIC
    Inscrit en
    Avril 2006
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 667
    Points : 2 232
    Points
    2 232
    Par défaut Menu qui empiète sur le bas sous Mozilla et pas sous IE
    Bonjour à tous

    J'ai repris la gestion d'un site dont le graphisme est fait avec des CSS. Je suis en train d'ajouter des éléments sur le menu de gauche (http://www.bedycasa.com:81/test2/fr/concept.php)
    Sous IE mon menu s'affiche parfaitement mais sous Mozilla FireFox il empiète sur la bande du bas.

    Je suis débutant en utilisation de CSS, j'espère que je vous ai donné assez de détail.

    Merci d'avance

  2. #2
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut

    Heu, ton menu dépasse aussi sous IE Regarde bien, il y a une image sous ton pied de page.

    PS : c'est dommage d'utiliser des tableaux au mileiu de div. A y être fait tout avec des div

  3. #3
    Membre chevronné Avatar de guigui5931
    Profil pro
    Chef de projet NTIC
    Inscrit en
    Avril 2006
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 667
    Points : 2 232
    Points
    2 232
    Par défaut
    Tu as quelle version de IE? Chez moi je ne vois pas de problème (j'étais peut être en train de travailler dessus).
    Pour ce qui est du tableau dans la colonne de gauche je l'ai remplacé. C'est de ça dont tu parlais?

    Les éléments de mon menu sont sensé être réuni dans le même div. Ce qui est étonnant quand je regarde la structure avec FireBug c'est que certain de ces éléments apparaissent dedans et d'autre pas.

    C'est bizard

  4. #4
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut
    J'utilise IE7.

    En fait en regardant de plus près il faudrait que tu reprennes toutes la structure de ta page : tu fais une mise en page à base de div mais au-dessus (dans la hiérarchie des balises HTML) tu utilise des tableau, ça n'a aucun intérêt.
    Et dans ton CSS, tu utilises à plusieurs des position:absolute et des float:left, ce qui ne sert à rien car les 2 attribut sortent l'élément visé du flux.

    Il faudrait peut-être déjà commencer par revoir la mise en page en utilisant exclusivement des div, tu y verrais plus clair.
    De même, tu devrais passer des pages au validateur XHTML et CSS, ça éliminerais pas mal d'erreur.

    Bonne chance

  5. #5
    Membre chevronné Avatar de guigui5931
    Profil pro
    Chef de projet NTIC
    Inscrit en
    Avril 2006
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 667
    Points : 2 232
    Points
    2 232
    Par défaut
    Etant donné le faible temps que j'avais pour faire ces modifications j'ai bidouillé en utilisant des tableaux (je sais que ce n'est pas le mieux mais je n'avait pas trop le choix).

    Merci de votre aide.

  6. #6
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut
    Je viens de voir le résultat, ... c'est une solution en effet
    Résolu ?

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

Discussions similaires

  1. Page web ok sous Mozilla mais pas sous IE
    Par bysty dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 05/07/2011, 08h26
  2. page ne marchant pas sous IE mais seulement sous mozilla
    Par allezlolo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 31/10/2008, 20h53
  3. probleme de background sous mozilla et pas sous IE
    Par scorpion.os dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 12/04/2007, 11h55
  4. popup fonctionne sous Mozilla mais pas sous IE
    Par pimpmyride dans le forum Langage
    Réponses: 3
    Dernier message: 30/05/2006, 21h45
  5. probleme de couleur de fond sous mozilla et pas sous IE
    Par soccernet dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 27/12/2004, 10h45

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