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 :

propriété height et pourcentage


Sujet :

CSS

  1. #1
    Membre régulier Avatar de Space23
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    185
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 185
    Points : 88
    Points
    88
    Par défaut propriété height et pourcentage
    Bonjour je voudrais que la taille de ma div occupe tout l'espace de la page en hauteur. J'ai réglé les propriétés height de manière à ce qu'on obtienne 100% mais la taille s'ajuste en fonction de son contenu alors qu'en largeur ce problème ne survient pas. Comment faire?

    image du résultat : piece jointe

    Code 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
    div#bandeau {
    	width:100%;
    	height:10%;
    	background-color:#00CCFF;
            text-align:center;
    	}
    div#contenu {
    	width:80%;
    	height:80%;
    	background-color:#FFCC00;
    	}
    div#menu {
    	float:left;
    	width:20%;
    	height:80%;
    	background-color:#FF6699;
     
     
    	}
     
    div#piedpage {
    	width:100%;
    	height:10%;
    	background-color:#33FF99;
            float:bottom;
            clear:both;
    	}
    Images attachées Images attachées  

  2. #2
    Membre actif Avatar de tim974
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    175
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 175
    Points : 222
    Points
    222
    Par défaut
    As-tu essayé de mettre ton body à 100% en hauteur avant?

  3. #3
    Membre régulier Avatar de Space23
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    185
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 185
    Points : 88
    Points
    88
    Par défaut
    Toujours le même problème avec le code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <body style="height:100%;">
    Peut-être que qu'il faut faire complement autrement

  4. #4
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Tu dois aussi ajouter un height:100% à html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    html, body {height:100%}

Discussions similaires

  1. Réponses: 2
    Dernier message: 01/08/2012, 17h04
  2. Demande d'aide: propriété HEIGHT
    Par pravine dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 30/07/2010, 01h58
  3. Width & Height avec pourcentages
    Par cl@ndestIno dans le forum Windows Presentation Foundation
    Réponses: 5
    Dernier message: 07/05/2009, 16h09
  4. Définir la propriété height d'une combobox
    Par Capitaine Kirk dans le forum Windows Forms
    Réponses: 2
    Dernier message: 24/03/2009, 12h24
  5. IE et la propriété height
    Par e-deby dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 11/07/2007, 01h09

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