à côté des divs avec la même hauteur

Comment puis-je mettre à la hauteur de côté par côté DIVs?

Quand je changer la largeur du navigateur, parfois, la gauche de la div aller plus haut ou plus courte que la gauche.

Je veux que automatiquement la gauche ou la droite div augmente vers l'est devenu avec la même hauteur de l'autre.

Paramètre un tableau d'affichage-ligne est la meilleure solution pour cela?

Prendre un coup d'oeil à l'image de la page que je souhaite développer.
http://i.imgur.com/BhvV2.png

J'ai résolu le problème en utilisant display=table-row, table et table-cell. J'ai ajouté un div à la table.
Maintenant, il est parfait! Prendre un coup d'oeil.

http://jsfiddle.net/tcWCC/47/

Avez-vous besoin d'être flottante? Alors s'il vous plaît regardez existant question stackoverflow.com/questions/873781/... . Sinon, regarde par exemple stackoverflow.com/questions/5146665/...
double possible de Comment puis-je garder les deux divs qui sont côte à côte à la même hauteur?
Il est différent. C'est comme un tableau. Mais chaque ligne doit avoir un espace entre eux. Et chaque cellule doit également disposer d'un espace. Comme dans l'image i.imgur.com/BhvV2.png

OriginalL'auteur Ronaldo | 2012-05-09

  1. 4

    Voici une solution, on les retrouve aussi sur DONC

    http://jsfiddle.net/kaAjW/

    Voici le lien pour le message original

    Comment puis-je garder les deux divs qui sont côte à côte à la même hauteur?

    La technique est appelée Faux Colonnes et voici un article sur le sujet

    http://www.alistapart.com/articles/fauxcolumns/

    Je peux pas l'utiliser parce que j'ai le rayon de la frontière. bas les frontières sont courbes.
    pouvez-vous utiliser jQuery pour cela?
    Si vous avez des sugestion je peux. Mais les colonnes de hauteur doit être égale, même après le redimensionnement de la fenêtre. Je veux construire une mise en page liquide qui travaille dans le tableau, les téléphones mobiles et de bureau. Je veux somethink comme une ligne de la table. mais chaque ligne ne peut pas être réduite dans le ci-dessus ou en dessous de la ligne.
    Eh bien, vous pouvez utiliser le plugin appelé .equalHeights(); Voici le lien pour le plugin: cssnewbie.com/equalheights-jquery-plugin

    OriginalL'auteur Grigor

  2. 3

    J'ai résolu le problème en utilisant display=table-row, table et table-cell. J'ai ajouté un div à la table. Maintenant, il est parfait! Prendre un coup d'oeil.

    http://jsfiddle.net/tcWCC/47/

    C'est une excellente solution, simple et sans hack. Je voulais juste poster ce lien où il explique cela plus en détail et explique d'ailleurs 2 des méthodes CSS (y compris le faux-méthode de la colonne suggéré par @Grigor).

    OriginalL'auteur Ronaldo

  3. 0

    Si ce que vous essayez yo faire est de placer le contenu dans une boîte grise avec arrondi conrners alors votre divs n'avez pas besoin d'être de la même hauteur. Il suffit de déplacer la couleur d'arrière-plan et border-radius pour les enfermant div: http://jsfiddle.net/tcWCC/41/

    Réglage de l'affichage de la table-row est la meilleure solution pour cela?
    Je ne peux pas le faire car il y a une séparation entre les divs.

    OriginalL'auteur

  4. -4

    Je pense que vous ne serez pas en mesure de le faire sans l'aide d'un tableau html.

    Ce type de fonctionnalité n'est certainement pas limitée aux tables!
    Il est également important d'avoir une marge entre chaque ligne.

    OriginalL'auteur Olivier G