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

HTML Discussion :

Probleme Hauteur de div


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 11
    Par défaut Probleme Hauteur de div
    Bonjour à tous;

    J'ai un petit probleme de hauteur de div. (un truc classique mais fatiquant).

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <div id="corps">
        <div id="corps_left"></div>
        <div id="corps_right"></div>
    </div id="corps">
    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
     
    #corps{
    width: 880px;
    margin-left: 10px;
    background: red/*#3E3E3E*/;
    }
    #corps_left{
    	float: left;
    	width: 340px;
    	background: #3D3D3D;
    	border-left: 10px solid #3D3D3D;
    }
    #corps_right {
    	float: left;
    	width: 510px;
    	color: #CCCC99;
    	background: #3E3E3E;
    	font-family: helvetica;
    	border-left: 10px solid #181818;
    	border-right: 10px solid #3D3D3D;
    }

    Le probleme est que le div corps ne s'adapte pas a la hauteur des autres div ce qui fait que j'ai un blanc.
    Vous pouvez voir le résultat sur cette page
    http://art.bentsen.fr/gallien3/presentation.php

    Si quelqu'un a une solution.

    Merci a tous

  2. #2
    Membre chevronné Avatar de htr999
    Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    331
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 331
    Par défaut
    essaie ceci
    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
    <html>
    <head>
    <style>
    #corps{
    width: 880px;
    height: 200px;
    margin-left: 10px;
    background-color: red/*#3E3E3E*/;
    }
    #corps_left{
            float: left;
            width: 340px;
            height: 200px;
            background-color: #3D3D3D;
    }
    #corps_right {
            float: right;
            width: 510px;
            height: 200px;
            color: #CCCC99;
            background-color: #3E3E3E;
            font-family: helvetica;
    }
    </style>
    </head>
    <body>
    <div id="corps">
        <div id="corps_left"></div>
        <div id="corps_right"></div>
    </div id="corps">
    </body>
    </html>
    après il faut jouer avec les bordures des div.
    a+

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

Discussions similaires

  1. [CSS 2] probleme de hauteur de div
    Par Sniper37 dans le forum Mise en page CSS
    Réponses: 12
    Dernier message: 18/11/2009, 16h30
  2. problème de hauteur de divs à 100%
    Par miltonis dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 26/09/2006, 16h21
  3. Problème de hauteur de div et pied de page
    Par Bishop dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 08/03/2005, 15h30
  4. Problème hauteur div avec IE
    Par keup dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 25/11/2004, 12h20
  5. Probleme espace entre DIV du a un FORM
    Par Little_Goldo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 26/10/2004, 20h50

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