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 :

affichage sur IE XP pack3


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé Avatar de redoran
    Homme Profil pro
    Développeur-Amateur
    Inscrit en
    Juin 2010
    Messages
    1 346
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Algérie

    Informations professionnelles :
    Activité : Développeur-Amateur
    Secteur : Santé

    Informations forums :
    Inscription : Juin 2010
    Messages : 1 346
    Par défaut affichage sur IE XP pack3
    Bonjour ; j'ai un problème d'affichage de ma page web :
    sur FixeFox c'est impecable mais sur IE tous s'affiche en grand c'est vraiment du
    sachant que j'ai une page HTML et une autre styles.css
    styles.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
    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
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    body
    {
       width: 760px;
       margin: auto; /* Pour centrer notre page */
       margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
       margin-bottom: 20px;    /* Idem pour le bas du navigateur */
       /*background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
        font-size: 100%;
    	background-color:  #626266;
    }
    /* L'en-tête */
     
    #en_tete
    {
       width: 760px;
       height: 100px;
       background-color: #f60000;
       text-align: center; /* Pour centrer le titre */
       font-family: Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité */
       font-size: 100%;
       color:#ffffff;
     
     
    }
    /* Le corps de la page */
    #corps
    {
       /*margin-left: 00px;*/
       margin-bottom: 20px;
       padding: 5px;
       color: #000000;
       background-color: #ffffff;
      /* background-image: url("images/motif.png");*/
      /* background-repeat: repeat-x;*/
       font-size: 100%;
       border: 2px solid black;
    }
    #monForm
    {
    width: 60%;
    }
    #monForm p
    {
    margin: 2px 0;
    }
    #monForm fieldset:hover
    {
    background-color: #FFF;
    }
    #monForm fieldset legend
    {
    padding: 0 10px;
    border-left: #CCC 1px solid;
    border-right: #CCC 1px solid;
    font-size: 1.2em;
    color: #000000;
    }
    /* Label aligné les label + couleurs orange*/
    #monForm label
    {
    background-color:  #626266;
    display: block;
    width: 39%;
    float: left;
    padding-right: 1%;
    text-align: right;
    letter-spacing: 1px;
    }
    /*survole des labels*/
    #monForm label:hover
    {
    font-weight: bold;
    }
    #monForm .form_label_nostyle
    {
    background: none;
    }
    /* Input */
     
    #monForm input:hover , #monForm input:focus
    {
    border: #999 1px solid;
    background-color: #DDEEFF;
    }
    #pied_de_page
    {
       padding: 5px;
       clear: both;
     
       text-align: center;
     
       color: #B3B3B3;
       background-color: #626262;
       /*background-image: url("images/motif.png");
       background-repeat: repeat-x;*/
       font-size: 100%;
       border: 2px solid black;
    }
    merci

  2. #2
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

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

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    Salut,

    concrètement qu'est ce qui ne va pas sur ta page ? Là tu nous dis que le rendu sous IE est mauvais mais on ne sait pas quoi en soit.

    Peux tu fournir une url ou le code HTML, histoire de se rendre compte ?

    merci

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Es-tu sûr que le zoom de ton navigateur est bien à 0 ?

    Ctrl - pour dé-zoomer (il n'y a pas de combinaison pour remettre à 0 sur IE).

  4. #4
    Membre éprouvé Avatar de redoran
    Homme Profil pro
    Développeur-Amateur
    Inscrit en
    Juin 2010
    Messages
    1 346
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Algérie

    Informations professionnelles :
    Activité : Développeur-Amateur
    Secteur : Santé

    Informations forums :
    Inscription : Juin 2010
    Messages : 1 346
    Par défaut
    Re; voila code
    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
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
    <head>
    <title>Bienvenue sur 3Sgrip</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" media="screen" type="text/css" title="index" href="../styles/index.css" />
     
    </head>
     
    <body>
    <div id="en_tete">
       <!-- Ici on mettra la bannière -->
       <h1> 3 SGRIP <h1 />
    </div>
    <div id="corps">
    <form id="monForm" action="#" method="post">
    <fieldset>
    <legend>Authentifcation :</legend>
    <p>
    <label for="form_firstname">Utilisateur : </label>
    <input type="text" id="form_firstname" name="firstname" value="" size="20" maxlength="15" tabindex="1" />
    </p>
    <p>
    <label for="pw">Mot de passe : </label>
    <input type="password" id="pw" name="pw" value="" size="20" maxlength="15" tabindex="2"/>
    </p>
    <p>
    <p align="center">
    <input type="submit" value="Connexion"/> <input type="reset" value="Annuler" />
    </p>
    </div>
    <div id="pied_de_page">
       <!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
       <p>Copyright  	©"Redouaneweb" 2005, tous droits réservés</p>
     
    </div>
     
    <form/>
    </body>
    </html> xhtml
    meme avec ctrl - sa ne marche pas
    sa donne ça
    Images attachées Images attachées  

  5. #5
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Ta balise h1 est mal fermée. Du coup IE pète un peu un boulon est intègre tout le reste de ton site dans cette balise. Ta police prend donc la taille celle de l'élément h1.

  6. #6
    Membre éprouvé Avatar de redoran
    Homme Profil pro
    Développeur-Amateur
    Inscrit en
    Juin 2010
    Messages
    1 346
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Algérie

    Informations professionnelles :
    Activité : Développeur-Amateur
    Secteur : Santé

    Informations forums :
    Inscription : Juin 2010
    Messages : 1 346
    Par défaut
    re; merci busy oui effectivement c'était ça <h1> 3 SGRIP <h1 /> l'erreur et la solution bien sur </h1>.
    il demeure toujours un problème d'alignement des inputs que je n'arrive pas a réglé. !!!!!!
    je me demande aussi comment réglai les bugs d'IE ....! une piste sa sera la bien venue . merci

Discussions similaires

  1. affichage sur ouverture d'un formulaire
    Par DurDur dans le forum Access
    Réponses: 4
    Dernier message: 04/09/2005, 11h31
  2. [debutant]affichage sur le meme niveau
    Par christophebmx dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 10/02/2005, 15h34
  3. Probleme bizarre d affichage sur une radeon 9200 SE
    Par venomelektro dans le forum OpenGL
    Réponses: 6
    Dernier message: 03/12/2004, 10h11
  4. Réponses: 2
    Dernier message: 09/10/2004, 11h35
  5. DBGrid - Affichage sur 2 colonnes
    Par Grouik dans le forum Bases de données
    Réponses: 2
    Dernier message: 20/04/2004, 17h37

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