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 :

[DIV] Pb de hauteur de colonnes


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de tintin72
    Profil pro
    Inscrit en
    Septembre 2003
    Messages
    663
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2003
    Messages : 663
    Par défaut [DIV] Pb de hauteur de colonnes
    Bonjour,

    Je n'arrive pas à résoudre un pb avec une structure classique
    qui consistent en 3 div alignés en colonnes, le tout englobé
    dans un div général:
    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
     
    <div style="width: 1000px; margin: 20px auto; border: 1px solid black;">
     
     
    <div style="float: left; width: 150px; border: 1px solid black;">	
     
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
     
    </div>
     
    <div style="float: right; width: 250px; border: 1px solid black;">
     
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
     
    </div>
     
     
    <div style="margin-left: 150px; margin-right: 250px; border: 1px solid black;">
     
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
    lignes qui pousse le div vers le bas<br />
     
    </div>
     
     
    </div>
    Le pb c'est que sous FF si le div de droite ou de gauche est plus
    haut que le div du centre, le div global n'est plus poussé vers le bas.

    Quelqu'un aurait-il la solution à ce pb ?

    Merci

  2. #2
    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
    Tu peux rajouter un overflow:hidden sur ton div global.

    Pour plus d'informations, tu peux faire une recherche sur "nouveau contexte de formatage".

  3. #3
    Membre éclairé Avatar de tintin72
    Profil pro
    Inscrit en
    Septembre 2003
    Messages
    663
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2003
    Messages : 663
    Par défaut
    Tu peux rajouter un overflow:hidden sur ton div global.
    C'était bien ça en effet
    pour plus d'informations, tu peux faire une recherche sur "nouveau contexte de formatage".
    J'ai effectivement trouvé pas mal d'infos en relation avec mon pb.

    Merci

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

Discussions similaires

  1. Comment faire pour qu'un <div> prenne la hauteur d'image
    Par pierrot10 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/03/2007, 19h02
  2. [CR11] Fixer la hauteur de colonnes
    Par say dans le forum SAP Crystal Reports
    Réponses: 1
    Dernier message: 16/06/2006, 12h26
  3. div de la hauteur d'une image
    Par la.sophe dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 23/03/2006, 16h07
  4. <div id=contenu> hauteur variable avec scroll
    Par camyo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 21/03/2006, 11h01
  5. [CSS] Image dans un Div -> problème de hauteur
    Par Torpedox dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 02/02/2006, 23h40

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