CSS build problem

Hi
Ok i am going to be building a website and im a little stuck on the best way todo something have a look at the layout and ill explain more..

link

Basically i each of those box's will contain content and if lets say box A expands down B C need to aswell bit like if you where to build it in tables, the space between each box needs tobe seethrough so you can see the background.

If someone could help me out i would much appriciate it.

Cheers Me

Hey mate,

Can't give you a direct answer i am afraid but have you seen the CSS Links post here , that might help ya!

RF

Have a look at a couple of the articles over at A List Apart that detail how to create Faux Columns and Coumn Layouts with Negative Margins
They should give you a good starting point for your quest.

Cheers guys, ill look into those links i do know quite abit of CSS etc and would be able to build the page but i dont think it would be the best way to build it, ill have a read of those links.. where is Pheonix when ya need him

in bed i expect !!!

The main thing to remember when trying to create equal height columns is that you will need to contain them in a container element, then apply a .clearfix class to the elements, or place a clearing element after them, inside the containing element. Also apply default element heights (1%) to fix buggy browsers and their box model implementations.

All of this is quite well documented in the articles provided.

cheers yes as what u just said ment nothing to me lol.. time to read i think..

Cheers Again

Sorry, didn't mean to boggle you

At least you know there are people here who can help you with this when you run across problems.

No its cool, yeh to be honest this forum is one the the most helpful i have come accross

Ok guys i have looked on those sites and even though they are very good site's (i have book marked em) i was unable to find what i need.

see me

take a look at the link above (not one i did its just a examle) what i basically need is the left and right colum (div) to be the exact hight of the center one or if the center one had less text in it then lets say the right it still needs tobe the same hight, i could not find anything about .clearfix lafinboy its late in the day and i may have missed it. hope the above link shows what i kinda need, the Faux Columns was good but it will not bee 100% of the page infact it all depends on the content.

basically if u imagine all the 3 div's in a container div the 3 always need tobe 100% of the container

Hope this makes sence Cheers Me

OK this is moving dangerously close to a "can someone do it for me" post

What CSS/(X)HTML have you got so far, and what is it displaying? If you have a base to work from we can help fine tune it with you.