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 :

Problème dimension de mes div


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    83
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2007
    Messages : 83
    Par défaut Problème dimension de mes div
    Bonjour,

    j'ai un pti probleme d'affichage de mes div css

    Voici mon code

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    .global { width: 100%; height: 100%; }
    .gauche { width: 10%; height: 100%; float: left; background-color: yellow; }
    .droite { width: 90%; height: 100%; float: right; background-color: blue; }
    .niveau1 { width: 100%; height: 50%; background-color: red;}
    .niveau2 { width: 100%; height: 50%; background-color: blue;}
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
        <div class="global">
            <div class="gauche">gauche</div>
            <div class="droite">
                <div class="niveau1">niveau1</div>
                <div class="niveau2">niveau2</div>
            </div>
        </div>
    j'aimerai que la colonne gauche prenne la meme hauteur que le niveau1+niveau2

    or ce que j'obtiens, c'est la colonne gauche et le niveau1 sur la meme ligne et le niveau2 en dessous du niveau1 du coup j'ai un espace vide en dessous de colonne gauche

    Suis-je assez clair ? :s

    Merci d'avance pour votre aide

  2. #2
    Membre éclairé Avatar de copin
    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2005
    Messages
    231
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2005
    Messages : 231
    Par défaut
    hum...

    Je viens de mettre ton code dans une page est testé sous IE et Firefox. J'ai bien le comportement que tu souhaites.

    Ou bien j'ai rien compris.

    Retest ton code dans une page vide. Si le problème persiste post une capture écran.

  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
    Peut-être qu'un petit tour dans la FAQ pourrait t'aider :
    http://css.developpez.com/faq/?page=...ur_pourcentage

Discussions similaires

  1. Réponses: 2
    Dernier message: 06/03/2008, 11h23
  2. Problème de positionnement avec mes DIV
    Par Rifton007 dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 23/01/2007, 10h48
  3. Problème agrandissement d'un div
    Par krfa1 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 09/05/2005, 12h55
  4. 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
  5. [BCB6]Problème Dimensions Bitmap
    Par vsavoir dans le forum C++Builder
    Réponses: 10
    Dernier message: 09/11/2004, 13h35

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