/    Sign up×
Community /Pin to ProfileBookmark

How to reduce the of a page

I don’t know if the topic reflects the question that I’m about to ask.

How do I set the width of page such that if it is shrinked by a smaller screen it doesn’t go lower than 1024px. I don’t know if I’m making sense.

to post a comment
HTML

2 Comments(s)

Copy linkTweet thisAlerts:
@PBSWebDesignJul 07.2011 — Well generally i use percentages to define my widths for items to make my page flexible. You could do css that would set the body or page container to 100%. What this means is that no matter what size the screen the page will display 100% the width of it be it small or large. Now to do that all you do is:
[CODE]Body {width: 100%;}[/CODE]
That would go inside of your internal or external stylesheet. Hope that is what you were looking for ?

If you don't want the content to scale lower than 1024px all you should have to do is set the width to 1024px in css and when the screen is resized the content will remain the same creating a scroll bar on the bottom of the screen to slide over to the content hidden.
Copy linkTweet thisAlerts:
@afam4evaauthorJul 07.2011 — That's exactly what I needed. Thanks.
×

Success!

Help @afam4eva 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 6.2,
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: @meenaratha,
tipped: article
amount: 1000 SATS,

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

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...