A CSS question

Dragonsi · #1 (**permalink**) 08-30-2005, 08:15 AM

Hi all,

I am curretnly in the middle of designing a new site (nothing online yet) and have discovered a formatting problem that I hope can be resolved with a simple CSS command.

The site has a header table at the top and then the main content table below is split into 2 columns. The left hand side is for the main content and the right hand column has within it another table that is formatted by CSS and contains the site links etc. My problem is that when the main content grows beyond the height of the right hand site links table, the right hand site links table does not expand to match the height of the main content and a white space is produced below the site links table.

Is there a CSS command that allows this right hand table to remain the same height as the main content table?

If I have not explained this easily enough, I can put a page up for you to see what I mean...

speed · #2 (**permalink**) 08-30-2005, 10:55 AM

If I'm understanding you, then I normally fix this by setting the background colour/image on the containing element, i.e. you colour up the cell holding the links table to mask the fact that the links tables is short.

KeithO · #3 (**permalink**) 08-30-2005, 04:18 PM

Quote:

Originally Posted by speed

If I'm understanding you, then I normally fix this by setting the background colour/image on the containing element, i.e. you colour up the cell holding the links table to mask the fact that the links tables is short.

Thats what I would do as well. So it'd be

Code:

<div class="wrapper">
 <div class="left_column">text</div>
 <div class="right_column">links</div>
</div>

swstyles · #4 (**permalink**) 08-30-2005, 04:56 PM

Just a test post, I haven't posted in a while.

But that css call will work.

Daniel

Dragonsi · #5 (**permalink**) 08-31-2005, 09:28 PM

I think I have solved this issue, I split the right hand links coloum into 2 rows and placed a table in the top row and one in the bottom, the top table was then given an align="top" while the bottom was given a align="bottom".

In case you are totally confused, please take a look at..

www.testsite2.dragonsi.co.uk/links

Note the blue column on the right, no matter how much you change the res of the window, this coloumn should remain 100% of the height.... Please let me know if it doesn't.

PS - there are only a few pages currently present on this site.