CSS problems

samwilliamh · #1 (**permalink**) 03-28-2008, 08:00 PM

I'm in a bit of a situation XD. Check the screenshot below to help you solve the problem. Anyhow, the problem is that I have 3 divs. Side by side. And I need them to all be the same height as each other, but not using 'height:' in the css. I need them to all be the same height as the tallest div. 2 of them, the left and the right one will have text in and I need all 3 divs to be the same height as the one with the most text in. How do I do this?

This is the screenshot:

http://img413.imageshack.us/img413/7...creeniezr8.png

Any help will be loved

ChriZzz · #2 (**permalink**) 03-28-2008, 09:02 PM

Hello

I think you can use this markup

HTML Code:

<div id="big">
   <div id="1">
     Content 1
   </div>
   <div id="2">
     Content 2
   </div>
   <div id="3">
     Content 3
   </div>
</div>

Make one Image that contains the background for all 3 contents and use it as the background-image in the "big"-div (look at this).
You can put more Divs Inside the other to make a Navigation header or something else.

This is just an idea, but i hope it is helpfull.

samwilliamh · #3 (**permalink**) 03-29-2008, 02:14 PM

Hey,

Thanks for the reply. I had a go with it and it did get me closer to what I needed. I finally managed to get it to work using display: table; and display: table-row; etc etc. Thanks

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode