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 :

Régler le format du site pour tous les navigateurs


Sujet :

CSS

  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Etudiant Master 2 en Ingénierie de Données et Technologie Web
    Inscrit en
    Avril 2009
    Messages
    34
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Algérie

    Informations professionnelles :
    Activité : Etudiant Master 2 en Ingénierie de Données et Technologie Web

    Informations forums :
    Inscription : Avril 2009
    Messages : 34
    Points : 35
    Points
    35
    Par défaut Régler le format du site pour tous les navigateurs
    Bonjour, je ne sais pas vraiment si j'ai donné le bon titre a mon problème
    Bon,
    je suis entrain de faire un site pour mon commerce et mon problème est le voici: l'affichage de mon site a IE et a Firefox c'est pas du tout le même a firefox marche nickel mais a IE c'est vraiment du charabia ! voila les screenshots:
    Pour firefox:


    pour IE:


    et voila les codes sources css:
    text.css:
    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
    .login label{margin:2px 0 0 5px; color:#4d65d9; }
    .login #id {border:solid 1px rgb(150,150,150); margin:2px 0 0 24px; color:blue;}
    .login #id:hover{background-color:#f7f0db;} 
    .login #pass {border:solid 1px rgb(150,150,150); margin:2px 0 0 6px; color:blue;}
    .login #pass:hover{background-color:#f7f0db;}
    .login #submit{border:solid 1px #4d65d9; border-radius:0; color:#4d65d9; margin:5px 0 0 147px;}
    .login #submit:hover{border:solid 1px #2946cc; background-color:rgb(230,230,230); color:#2946cc}
     
    .left-container li{list-style:url(puce.gif);}
    .left-container a{text-decoration:none; color:#4d65d9; font-weight:bold;}
    .left-container a:hover{color:#2946cc;}
     
    .fb {width:64px; height:64px; margin-left:1055px; position:absolute; margin-top:5px; background: url(fb.png)}
    .tw {width:64px; height:64px; margin-left:1125px; position:absolute; margin-top:5px; background: url(tw.png)}
     
    .image {display:inline; float:left; margin:10px 10px 10px 10px; width:255px; height:210px; border:solid 1px rgb(150,150,150);}
    setup.css:
    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
    body{ background-color:#eeeee9; margin: 0px; }
    .allclient { width:1200px; margin-left:10%; background-color:#ffffff; border-radius:10px; border:solid 1px rgb(150,150,150); }
     
    /* -----Header Zone----- */
    .header { width:1200px; height:215px; background-color:#affaff; border-radius:10px 10px 0 0; border-bottom:solid 1px rgb(150,150,150);}
    .header-top { width:1200px; height:80px; background-color:#e3e3e3; border-radius:10px 10px 0 0; border-bottom:solid 1px rgb(150,150,150);}
    .logo {width:145px; height:70px; margin-left:5px; position:absolute; margin-top:5px; background: url(logo.gif);}
    .sitname { display:inline; }
    .sitename h2{ width:300px; height:70px; margin:10px 0 0 150px; position:absolute;}
    .sitename a{ text-decoration:none; color:#4d65d9;}
    .sitename a:hover{color:rgb(125,125,125);}
    .login { width:260px; height:115px; border-radius: 5px; border:solid 1px rgb(137,170,214); margin:5px 0 0 900px; background:transparent; position:absolute;}
    .login-bande { width:260px; height:20px; border-radius:5px 5px 0 0; border-bottom:solid 1px rgb(137,170,214); background:rgb(213,225,240);}
    .login a{text-decoration:none; color:#4d65d9; font-size:12px; font-weight:bold;}
    .login a:hover{color:#2946cc;}
     
    /*---------------------------------------------------------------------------------------------------------------------------------------------*/
    /* -----Main Zone----- */
    .main{clear:both; width:1200px;}
    .left-container{display:inline;  width:250px; margin:5px 0 10px 0; float:left; border:solid 1px rgb(150,150,150); border-radius:0 10px 0 0; background:url(right_back.png) top left repeat-y;}
    .left-bande1 { width:250px; height:20px; border-radius:0px 10px 0 0; border-bottom:solid 1px rgb(137,170,214); background:rgb(213,225,240);}
    .main-container{display:inline; width:620px;  margin:5px 0 0 10px; border:solid 1px rgb(150,150,150); float:left; border-radius:10px;}
    .right-container{display:inline; width:300px;  margin:5px 0 0 0; border:solid 1px rgb(150,150,150); float:right;}
     
    /*---------------------------------------------------------------------------------------------------------------------------------------------*/
    /* -----Footer Zone----- */
    .footer {clear:both; position:relative; min-height: 100%; width:100%; height:100px; background:url(footer-back.jpg) top left repeat-x;  border-radius:0 0 10px 10px; border-top:solid 1px rgb(150,150,150);}
    .footer p {line-height:10px; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:100%;}
    .footer p.credits {font-weight:normal;}
    .footer a {text-decoration:underline; color:rgb(125,125,125);}
    .footer a:hover {text-decoration:none; color:rgb(0,0,0);}
    .footer a:visited {color:rgb(0,0,0);}
    merci bien de me fournir une solution qui résoute ce problème

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 148
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 148
    Points : 44 958
    Points
    44 958
    Par défaut
    Bonjour,
    il faut commencer par mettre un DOCTYPE pour limiter les dégâts, ensuite sans la structure du document difficile de répondre.

    Une autre chose à faire, qui ne coûte pas de pain c'est voir les erreurs auprès d'un validateur.

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

Discussions similaires

  1. Comment tester et débuger son site sur tous les navigateurs?
    Par bloodangel78 dans le forum Débuter
    Réponses: 5
    Dernier message: 13/09/2014, 12h16
  2. Adapter un site, sur tous les navigateurs
    Par badmother dans le forum Général Conception Web
    Réponses: 1
    Dernier message: 05/08/2011, 23h40
  3. Simuler un clic pour tous les navigateurs
    Par Clafooty dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 30/10/2010, 15h26
  4. Comment faire un alignement vertical d'une image pour tous les navigateurs?
    Par Alexandrebox dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 06/04/2009, 15h10
  5. Desactiver Firebug pour tous les sites.
    Par George Abidbol dans le forum Autres
    Réponses: 1
    Dernier message: 13/05/2008, 13h08

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