Home/ Questions/Q 7906417
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T10:57:28+00:00

I’m trying to build the liquid layout shown below in CSS. The left column

  • 0

I’m trying to build the liquid layout shown below in CSS.
liquid layout

The left column should stretch to all available space, and if it’s possible, on same line.The column on right should became with the same width.

I have already achieved a result very close to what I want. Take a look at http://jsfiddle.net/tcWCC/34/embedded/result/
But there are two problems. The height of both aligned DIVs should be equal. The first or second DIV should grow to be the same height as the other.

The second question is that when the width is not sufficient for 2 DIVs, I want the first (NomeEvento) div to be on top. and not the second div (DataEvento).

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I acomplished what I want using display table, table row and table cell in my divs.

    Take a look. It’s exactily what I want.

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

    • 0