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 margin et padding


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    47
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Août 2006
    Messages : 47
    Par défaut Problème de margin et padding
    Bonjour à tous

    J'ai un problème de pied de page.
    Avant la venue de IE7 tout allait bien mais maintenant je dois faire des modifications.
    Pour que mon pied de page s'affiche correctement sous IE7 je dois mettre un margin-top au lieu d'un padding-top. IE6 le prend bien mais sous FF ça ne fonctionne pas du tout. Il ne prend pas en considération le margin-top.
    Si je mets padding-top c'est IE7 qui n'affiche pas le pied de page correctement.

    Dans la css c'est ainsi présentement car je n'ai pas fait la modification officiellement. Je l'ai fait sur ma page de test en remplaçant le padding-top par le margin-top et j'ai regardé sous les 3 navigateurs. Comme FF ne prends pas en considération la margin-top et que sous IE7 le padding-top ne donne pas le résultat voulu, que me conseiller vous de faire?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    #pied {
           height:auto !important;
           height:1px;
           clear:both;
           margin-top:0px;
           bottom:0px;
           color:#5c3112;
           padding-top:280px;
       /* _padding-top:200px;*/
           display:block;
           position:relative;
    }

    Pour voir le résultat actuellement sans modification voir cettepage


    Merci

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    47
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Août 2006
    Messages : 47
    Par défaut
    Désolée du dérangement!

    À force de continuer les essais j'ai fini par trouver!

    En ajoutant un width:100% ça marche!

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    #pied {
           height:auto !important;
           height:10px;
           clear:both;
           bottom:0px;
           color:#5c3112;
           padding-top:280px;
           position:relative;
           width:100%;
     
     
    }


    Bonne journée à tous!

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

Discussions similaires

  1. Problème de Margin, la guerre Firefox / IE
    Par Julobox dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 24/04/2008, 17h46
  2. [HTML] problème avec margin-top
    Par bard123 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 10/04/2008, 16h47
  3. problème margin ou padding
    Par mattrou dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/08/2007, 12h54
  4. xHTML/CSS Problème de Margin
    Par Invité dans le forum Mise en page CSS
    Réponses: 17
    Dernier message: 26/06/2006, 09h47

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