[RESOLVED] Fun Layout Problem

[Natdizzle]

Hi,

I'm working on a site and I have a layout problem.

View it at pacgrowth.com/ourteam.html

What I'm trying to do is have my left navigation div expand as much as the content div on the right does.

I've seen tons of sites that do this, any help is appreciated.

Thanks,
Nate

[KDLA]

Well, removing the width would be a start:
#leftnav {width:148px;background-color:grey;float:left;background-image:url(nav5.jpg);height:600px;border:1px solid black;border-right:none;}


If you want things to expand (or contract) based upon the screen size, use percentages for widths, rather than fixed pixel amounts.

[toicontien]

Faux Columns (http://www.alistapart.com/articles/fauxcolumns/) maybe?

[KDLA]

Duh - he/she meant vertically, not horizontally.
Sorry for the "blonde" response.

[Natdizzle]

Hey guys,

Faux look good. I'm also thinking about putting my left nav inside of the content box and fading the picture to white at the bottom.

I think I'm going to go ahead and try that one.

Thanks,
Nate

[Natdizzle]

Faux colums look great, except the problem is I have my left/right margin set to auto. By that I mean everything in centered, my left nav/content.

So is faux "out" because of that?

Any other ideas?

Thanks,
Nate

[Natdizzle]

Alright,

I figured it out.

I put my left nav inside my content box and some other stuff... works great... even in IE!

Regards,
Nate