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 :

2 DIV hauteur variable


Sujet :

Dimensionnement en CSS

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 6
    Points : 4
    Points
    4
    Par défaut 2 DIV hauteur variable
    Bonjour.

    Voici mon problème:
    j'ai un div conteneur qui contient deux div côte à côte, le div de gauche est positionné avec float:left.
    Mon div de droite à une hauteur variable mais je voudrais que mon div de gauche ait toujours la même hauteur que mon div de droite.

    Même après plusieurs recherches, je commence à m'arracher les cheveux vu que je débute en CSS.

    Quelqu'un aurait-il la solution ?

    D'avance merci !

  2. #2
    Membre éprouvé Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Points : 1 241
    Points
    1 241
    Par défaut
    Bonjour,

    c'est un probleme courant en CSS, mais pas trivial !

    fais une recherche sur les colonnes factices en CSS sur Google

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 6
    Points : 4
    Points
    4
    Par défaut
    Oui effectivement je connais cette méthode, mais elle ne convient pas pour ce que je veux faire.
    Ce que je souhaiterai (si ça existe), c'est une technique pour que deux div côte à côte s'ajustent toutes les deux en hauteur à la manières des cellules d'un tableau.
    J'ai testé plusieurs solutions trouvées sur le net, mais sans résultat...
    Je commence à désespérer

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20

  5. #5
    Membre éprouvé Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Points : 1 241
    Points
    1 241
    Par défaut
    sinon, en CSS, tu as pour chacun des 2 div, le div contenant, étant en mais ce n'est pas tout à fait cross-browser.
    IE surtout, ne sera pas toujours d'accord !

  6. #6
    Candidat au Club
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 6
    Points : 4
    Points
    4
    Par défaut
    Citation Envoyé par sebhm Voir le message
    sinon, en CSS, tu as pour chacun des 2 div, le div contenant, étant en mais ce n'est pas tout à fait cross-browser.
    IE surtout, ne sera pas toujours d'accord !
    Je confirme. J'avais testé cette méthode avant de poster ma question, et effectivement, c'est toujours IE qui fait ch***

    Citation Envoyé par Bovino Voir le message
    Yes !!!
    Je viens de tester, c'est exactement ce qu'il me faut.

    Le seul petit hic, c'est que mes div sont en class et non en id car je les utilise plusieurs fois dans la même page.

    Un dernière petite idée ?

  7. #7
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Bonsoir,

    Citation Envoyé par cybertaf Voir le message
    Le seul petit hic, c'est que mes div sont en class et non en id car je les utilise plusieurs fois dans la même page.
    Soit tu fais une boucle (div_gauche1, div_gauche2 etc.), soit tu utilises getElementsByClassName.

  8. #8
    Membre éprouvé Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Points : 1 241
    Points
    1 241
    Par défaut
    Citation Envoyé par Macmillenium Voir le message
    soit tu utilises getElementsByClassName.
    IE a du mal avec ca non ??
    (d'apres quirksmode)

  9. #9
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Citation Envoyé par sebhm Voir le message
    IE a du mal avec ca non ??
    (d'apres quirksmode)
    Ah, en effet, IE n'implémente pas la fonction getElementsByClassName(), merci

  10. #10
    Membre confirmé Avatar de kohsaka
    Homme Profil pro
    Intégrateur HTML / Developpeur .NET
    Inscrit en
    Janvier 2007
    Messages
    383
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France

    Informations professionnelles :
    Activité : Intégrateur HTML / Developpeur .NET

    Informations forums :
    Inscription : Janvier 2007
    Messages : 383
    Points : 469
    Points
    469

Discussions similaires

  1. Récupérer hauteur div dans variable session
    Par Ctesias dans le forum Langage
    Réponses: 4
    Dernier message: 08/02/2012, 15h04
  2. Mettre un DIV sous un autre à hauteur variable
    Par masiuxus dans le forum jQuery
    Réponses: 2
    Dernier message: 31/07/2010, 22h11
  3. Scrollbar dans une div à hauteur variable
    Par chouf2 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/06/2009, 11h08
  4. Ecrire par dessus un DIV avec hauteur variable
    Par Kokito dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 12/02/2009, 14h38
  5. <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

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