/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Fun Layout Problem

Copy linkTweet thisAlerts:
Dec 11.2008

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

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@KDLADec 11.2008 — Well, removing the width would be a start:
#leftnav {[B]width:148px;[/B]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.
Copy linkTweet thisAlerts:
@KDLADec 11.2008 — Duh - he/she meant vertically, not horizontally.

Sorry for the "blonde" response.
Copy linkTweet thisAlerts:
@NatdizzleauthorDec 11.2008 — 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
Copy linkTweet thisAlerts:
@NatdizzleauthorDec 11.2008 — 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
Copy linkTweet thisAlerts:
@NatdizzleauthorDec 11.2008 — 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
×

Success!

Help @Natdizzle spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...