/    Sign up×
Community /Pin to ProfileBookmark

CSS Resize issue

Copy linkTweet thisAlerts:
Sep 20.2006

Hi,

I have a website I have built using fixed widths.

I have a diagram of how it is built below and the widths and float methods i’ve used.

[URL=http://img223.imageshack.us/img223/4906/diagramfh8.gif]Diagram link[/URL]

Can anyone tell me how I would accomplish it so that when you size and resize the page the % area grows and shrinks?

If I add percentages when the content area hits the nav it wraps under it.

Can anyone help?

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@thereseSep 20.2006 — This website will give you a number of liquid layouts you could choose from:

http://www.code-sucks.com/css%20layouts/index.php
Copy linkTweet thisAlerts:
@DisfunctionalauthorSep 21.2006 — I can do liquid layouts the problem is using a mix of fixed width but having overall liquid functionality.

I need the nav and sub sections to stay the same size but once stretched the main div and content div stretch accordingly
Copy linkTweet thisAlerts:
@KDLASep 21.2006 — 
If I add percentages when the content area hits the nav it wraps under it.

Can anyone help?[/QUOTE]

Add left and right margin settings (234px and 200px) to your content area the width of your navigation. That will keep it from expanding once the navigation section is cleared.

KDLA
×

Success!

Help @Disfunctional 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.19,
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,
)...