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 :

[CSS] margin-right non pris en compte


Sujet :

CSS

  1. #1
    Membre émérite
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    1 627
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2006
    Messages : 1 627
    Points : 2 331
    Points
    2 331
    Par défaut [CSS] margin-right non pris en compte
    jai la structure suivante sur un site : une en-tete qui prend la banniere, un menu gauche, un menu droit et le corps au centre, entre les deux menus.

    Tout se place bien a part le menu de droite, je suis oblige d'utiliser margin-left pour le positionner, ce que je ne veux pas, vu que dans ce cas la le site ne s'adaptera pas aux differentes resolutions

    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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
     
     
    body {
    margin: auto;
    width: 100%;
    padding : 0; 
    font : normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif; 
    color : #000000; 
    background-color: #FFF6D5;
    background-image:url("image/sakura.jpg");  
    background-repeat: no-repeat; 
    background-position: center;
    background-attachment: fixed;
     
    } 
     
    #header {
    margin-top : 0; 
    width : 1024px; 
    height : 500px; 
    border-top-width : 1px; 
    border-bottom-width : 1px; 
    border-left-width : 1px; 
    background-image : url("image/header.jpg"); 
    background-position : top; 
    margin-left:auto;
    margin-right:auto;
    } 
     
    #centre {
    margin-left: auto;
    margin-right: auto;
    top : 520px;
    text-align : center;
    padding : 20px;
    margin-bottom: 50px;
    } 
     
    #menugauche {
    position : absolute; 
    top : 520px; 
    margin-left: 60px;
    width : 150px; 
    margin-bottom: 50px;
    } 
     
    #menudroite {
    position : absolute; 
    top : 520px; 
    margin-right: 50px;
    width : 150px; 
    border-top-width : 1px;
    border-bottom-width : 0px;
    border-left-width : 1px;
    padding: 10px;
    margin-bottom: 50px;
    }
    je n'arrive aps a comprendre pourquoi le margin-right n'est aps pris en compte....
    Merci de votre aide

  2. #2
    Membre confirmé Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Points : 484
    Points
    484
    Par défaut
    essai un float:right pour ton menu droit
    DON'T PANIC

Discussions similaires

  1. Margin-top non pris en compte sous ff
    Par orphen dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/10/2008, 15h42
  2. link vers CSS non pris en compte
    Par Romain93 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/04/2007, 13h47
  3. CSS non pris en compte par ff
    Par krapno dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 29/08/2006, 14h25
  4. CSS non pris en compte par ie (AJAX)
    Par Wanty dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 29/08/2006, 12h19
  5. CSS non pris en compte
    Par DragOr dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 08/06/2006, 13h18

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