side by side divs with same height

css, height, html

Solution

I solved the problem using display=table-row, table and table-cell. I've added one div to be the table. Now it is perfect! Take a look.

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

Problem

How can I put the height of side by side DIVs? When I change the width of browser, sometimes the left div get higher or shorter than the left. I want that automatically the left or the right div grows up to became with the same height of the other one. Setting a display table-row is the best solution for this? Take a look at the image of the page I want to develop. https://i.stack.imgur.com/X7aty.png I solved the problem using display=table-row, table and table-cell. I've added one div to be the table. Now it is perfect! Take a look. http://jsfiddle.net/tcWCC/47/

Original source

Related problems