View Full Version : Expanding backgrounds/boxes, min-height help

Mar 2nd, 2009, 12:39 PM
Hi all,

I have floated 2 columns that i want to show information in, Iv created the following page http://www.glen-lodge.co.uk/testing/boxes.html basically i want the 2 coloured columns to display at the same height but when new information is added to a column they both expand in size to hold the info and remain equal in length? Iv tried using min-height and height but these wont help the information being held? Any ideas what i can do?

Also another problem I have is, I want all the information to be in the center of each of the columns but I want the text to be left aligned, Iv tried using the text-align: center but obviously this does center everything in the column but Im not sure how to reset the text to left aligned whilst keeping them placed in the center of the column?

Oh the coding is very rough at present as Im just trying this technique out.



Mar 2nd, 2009, 01:26 PM
Faux Column (http://www.alistapart.com/articles/fauxcolumns/), the effective solution to your issue!

Mar 2nd, 2009, 01:50 PM
Excellent, what a great method!!!