4 replies [Last post]
benmay
Offline
newbie
QLD, Australia
Last seen: 14 years 8 weeks ago
QLD, Australia
Joined: 2006-10-12
Posts: 2
Points: 0

Hi All!

http://benmay.info/npmbeta/labs/podcasting-tips
Is the url of the site I'm working on..

http://benmay.info/npmbeta/images/boonava3.css is the CSS File

Now, you'll see the white later and the yellow layer are not even heights, and look ugly as sin. How Can I get both these layers to go right to the bottom of the page. As if I was using Tables, I'd use 100% height sort of thing..

Any help would be much appreciated! I've tried this 100 different ways, but cant seem to get what I want.

thanks for looking!! Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

You won't to read up on

You want to read up on using height in CSS especially height 100% along with faux columns to create the illusion of equal heights or the equal height columns as explained in the 'one true layout' examples.

May I ask what it your trying to achieve with the conditional comments feeding IE a table layout, never come across that before probably cos it aint really the way to do things.

Btw you have a few markup errors that will need fixing up.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

cmanciero
cmanciero's picture
Offline
Regular
East Haven, CT USA
Last seen: 7 years 18 weeks ago
East Haven, CT USA
Timezone: GMT-4
Joined: 2006-10-11
Posts: 13
Points: 0

Make 2 column divs the same length (Hope this helps)

Hi Benmay,

Have you looked at this site.

http://www.positioniseverything.net/articles/onetruelayout/equalheight

It shows you how to make 2 columns of divs the same length and explains why it works. I have used it before and it does work.

benmay
Offline
newbie
QLD, Australia
Last seen: 14 years 8 weeks ago
QLD, Australia
Joined: 2006-10-12
Posts: 2
Points: 0

Thanks Chris! I'll look into

Thanks Chris! I'll look into that.

As for the Feeding IE Tables, that's because the menu system I'm using is Pure CSS. It has no Javascrip in it. Unlike the one on this website.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

cmanciero wrote:Hi

cmanciero wrote:
Hi Benmay,

Have you looked at this site.

http://www.positioniseverything.net/articles/onetruelayout/equalheight

It shows you how to make 2 columns of divs the same length and explains why it works. I have used it before and it does work.

What like I mentioned earlier Smile

Yes it does work under the right circumstances but is far from foolproof and will likely require some possible re-structuring of containers, but it is worth giving a shot

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me