3 replies [Last post]
king.oslo
king.oslo's picture
Offline
newbie
Last seen: 12 years 14 weeks ago
Timezone: GMT+1
Joined: 2010-02-13
Posts: 2
Points: 3

Hello there,

This is my first post on this forum, I hope I do it well! Smile

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

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 44 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

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 Laughing out loud

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

king.oslo
king.oslo's picture
Offline
newbie
Last seen: 12 years 14 weeks ago
Timezone: GMT+1
Joined: 2010-02-13
Posts: 2
Points: 3

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

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 44 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

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!

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph