Sat, 2010-02-13 00:22
Hello there,
This is my first post on this forum, I hope I do it well! 
I have only managed to do this with table-elements, which is a bit frustrating because i think it looks ugly in my markup.
What I want to do is to make a layout with two, three or more columns. I want the columns to have the same height, this is critical because the background will be colored and it will look stupid if one is shorter than the others. Second thing is that the columns have to stretch to the height of the element with the highest inner text.
Please consider this illustration I made:
Could somebody please suggest a markup for this scenario?
Thank you for your time.
Kind regards,
Marius
Sat, 2010-02-13 00:31
#1
Research "faux columns" Been
Research "faux columns"
Been covered multiple times on this board and google is also your friend, but it's always nice to know what you should search for 
Sat, 2010-02-13 00:40
#2
Dear Deuce, Thank you for
Dear Deuce,
Thank you for your reply.
Yes, I am aware of that. I was hoping there was a way to do it with each div-element containing its own background image or color, but I have been unable to find a solution, even on my friend Google.
Thank you for your time.
Kind regards,
Marius
Sat, 2010-02-13 00:43
#3
Give the div a wrapper and
Give the div a wrapper and then set a background on that wrapper that will put a certain color in each div area.
If you are doing solid colors, it's super easy with a 1px tall image that repeats y.
If you are doing certain background images behind each column, post them up so we can suggest a good way of doing this!