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 :

Valeur de height non appliquée sur un div


Sujet :

CSS

  1. #1
    Membre à l'essai
    Homme Profil pro
    Analyse système
    Inscrit en
    Juin 2011
    Messages
    60
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Juin 2011
    Messages : 60
    Points : 20
    Points
    20
    Par défaut Valeur de height non appliquée sur un div
    bonjour voici les codes html et css:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <body>
    <div id="a" onmouseover="mopen('m1',true)" onmouseout="mopen('m1',false)">
     
            <a href="#">Images</a>
    </div>
    <div id="b">Jo Deyris</div>
     
      </body>
    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
    body
    {
       width: 760px;
       margin: auto;
       margin-top: 25px;
       margin-bottom: 20px;     
    }
     
     
    #a
    {
    text-align:center;
    width:760;
    height:400;
    }
     
    #m1
    {
    display:none;
    }
    étant donné que j'ai donné à #a une height de 400, comment se fait t'il que jo deyris soit affiché à la ligne en dessous de Images?ça devrait être bien plus bas en effet puisque j'ai donné au premier bloc une hauteur de 400!Je comprends vraiment pas...

    EDIT : ah je crois comprendre, n est ce pas car je n'ai pas rempli mon premier div avec suffisament de choses (j ai mis que le texte images) donc quelque soit le height,jo deyris vient se greffer juste dessous, c est pas ça le raisonnement?

  2. #2
    Expert éminent
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Points : 9 031
    Points
    9 031
    Par défaut
    Bonjour

    Ne serais-ce pas plutôt parce que tu as oublié l'unité de mesure à tes valeurs width et height !

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    #a
    {
    text-align:center;
    width:760px;
    height:400px;
    }
    L'unité de mesure est obligatoire en CSS sauf pour la valeur zéro.

  3. #3
    Membre à l'essai
    Homme Profil pro
    Analyse système
    Inscrit en
    Juin 2011
    Messages
    60
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Juin 2011
    Messages : 60
    Points : 20
    Points
    20
    Par défaut
    non c'est pas à cause des px qui manquent car les ajouter ne change rien je crois bien que c'est moi qui ait raison si vous voulez me contredire allez y montrez moi que je me trompe je serais ravi d'apprendre

  4. #4
    Expert éminent
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Points : 9 031
    Points
    9 031
    Par défaut
    Tout d'abord l'obligation de l'unité de mesure est une réalité, si tu ne l'appliques pas tant pis pour toi.

    Ensuite je teste ton exemple tout simple et le width et le height ne s'appliquent pas, logiquement ! Et ce que ce soit avec Firefox ou Internet Explorer 8.

    Donc dis nous avec quel navigateur tu testes, et montres nous une page en ligne qui reproduit ton bug.

  5. #5
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 124
    Points : 44 922
    Points
    44 922
    Par défaut
    Bonsoir,
    sans DOCTYPE effectivement cela fonctionne sans ajouter l'unité, mais c'est parce que les navigateurs sont cool.

    Les "bonnes manières" veulent quand même que l'on mette un DOCTYPE et les unités, il en va du rendu sur les différents navigateurs.

    non c'est pas à cause des px qui manquent car les ajouter ne change rien je crois bien que c'est moi qui ait raison si vous voulez me contredire allez y montrez moi que je me trompe je serais ravi d'apprendre
    le but du forum est de t'aider à résoudre un soucis mais si tu veux te passer des conseils libre à toi de faire comme il te semble.

    A tout hasard...
    - http://j-willette.developpez.com/tut...bases-du-html/
    - http://css.developpez.com/tutoriels/premiers-pas/
    ...et il y en a plein d'autres.

Discussions similaires

  1. Mise en forme non appliquée sur IE
    Par euronews dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/11/2011, 19h55
  2. Réponses: 1
    Dernier message: 22/07/2011, 09h12
  3. CSS non appliquée sur une table dynamique IE8
    Par kap dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 02/04/2011, 15h42
  4. Réponses: 1
    Dernier message: 31/10/2009, 18h40
  5. texte qui ce répète et Height non respecté sur IE6
    Par Strix dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 20/04/2007, 16h16

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