By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,991 Members | 1,888 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,991 IT Pros & Developers. It's quick & easy.

Scaleable web page

P: n/a
Is there a way to have the image shrink when the viewer is using a
sidebar? In other words, the page has three columns, two small columns
on each side that are navigation and information , while the main body
resides in the center column. Whenever a viewer is using a sidebar of
any type the image remains the original size and a scroll bar appears
in order to view the third, or rightmost column. I'd like to be able
to view the entire page even when a sidebar is loaded. Is this
possible? How?

Thanks!

Chuck
Oct 13 '06 #1
Share this Question
Share on Google+
6 Replies


P: n/a
we*******@wallstreetsoftware.com wrote:
Is there a way to have the image shrink when the viewer is using a
sidebar?
Sidebar? You mean a browser sidebar? This sounds like an acute case of
forgetting that windows can be resized and different systems have different
resolutions.

http://allmyfaqs.net/faq.pl?AnySizeDesign
--
David Dorward <http://blog.dorward.me.uk/ <http://dorward.me.uk/>
Home is where the ~/.bashrc is
Oct 13 '06 #2

P: n/a

we*******@wallstreetsoftware.com wrote:
Is there a way to have the image shrink when the viewer is using a
sidebar?
Yes, but you probably wouldn't like it. Client-side image resizing is
generally of poor quality and looks ugly. If you do want to try it,
you'll need to write some simple JavaScript. Please ensure that this
code is non-harmful when JavaScript isn't available (i.e. the image is
visble and unmodified by default)..

>Whenever a viewer is using a sidebar of any type the image remains the original size
Forget the sidebar issue. Think in general terms of the window being
resized anyway. Make it adapt to windows of any size (for whatever
reason) and you've impliclty solved the sidebar problem too.

Oct 13 '06 #3

P: n/a
Dan

we*******@wallstreetsoftware.com wrote:
Is there a way to have the image shrink when the viewer is using a
sidebar? In other words, the page has three columns, two small columns
on each side that are navigation and information , while the main body
resides in the center column. Whenever a viewer is using a sidebar of
any type the image remains the original size and a scroll bar appears
in order to view the third, or rightmost column. I'd like to be able
to view the entire page even when a sidebar is loaded. Is this
possible? How?
It's rather ambiguous in your message whether you're talking about
(mostly-text) web content being resized, or images. You do say "the
image...", but then you also talk about page columns, leaving it
possible that it's actually a column of text you're talking about.

Web content, aside from images, is by default highly flexible; it will
resize and reflow to fit the available space, unless you suppress this
by trying to force an absolute size on it. Get rid of the absolute
sizes (e.g., in table "width" parameters and stylesheet "width" rules)
and you'll have a more flexible page. Images, however, have an
intrinsic size and don't generally look good if you try to get the
browser to resize them; however, in a well-designed page they needn't
force the size of the text elements adjacent to them.

--
Dan

Oct 14 '06 #4

P: n/a
In article <nd********************************@4ax.com>,
we*******@wallstreetsoftware.com says...
I'd like to be able
to view the entire page even when a sidebar is loaded. Is this
possible? How?

Thanks!

Chuck
Of course, people viewing your page with Opera can do this with View >
Fit to Screen (or CTRL+F11).
Don't even attempt to force it to happen for people using lesser
browsers though.
Oct 15 '06 #5

P: n/a
This is a style issue, as such off-topic here in
comp.infosystems.www.authoring.html, follow-up set to
comp.infosystems.www.authoring.stylesheets

we*******@wallstreetsoftware.com wrote:
>Is there a way to have the image shrink when the viewer is using a
sidebar? In other words, the page has three columns, two small columns
on each side that are navigation and information , while the main body
resides in the center column. Whenever a viewer is using a sidebar of
any type the image remains the original size and a scroll bar appears
in order to view the third, or rightmost column. I'd like to be able
to view the entire page even when a sidebar is loaded. Is this
possible? How?
A user having a side bar open is but one of the variables that affects
the size of the available viewport width, see the resource supplied by
David for more on that.

Causing a browser to resize an image is generally not a good idea,
browsers typically do a poor job of resizing.

On the few occasions where it is appropriate to do so you can specify
"max-width:100%" for the image, if (and only if) the container has a non
auto width then the image will be resized downwards if there isn't
enough width available in its column. To get the image to retain its
native ratio you should omit the height attribute for the image in the
HTML.

Note that it will take quite a bit of hacking to get such to work in IE.

--
Spartanicus
Oct 16 '06 #6

P: n/a
Thanks to all for your thoughtful and thorough replies. I'll work on
it some more. In answer to several of you, yes the page in question is
both text and graphics (jpg). And yes, I am a novice web developer.
Your help is greatly appreciated. Thanks again.

Chuck
On Thu, 12 Oct 2006 22:30:50 GMT, we*******@wallstreetsoftware.com
wrote:
>Is there a way to have the image shrink when the viewer is using a
sidebar? In other words, the page has three columns, two small columns
on each side that are navigation and information , while the main body
resides in the center column. Whenever a viewer is using a sidebar of
any type the image remains the original size and a scroll bar appears
in order to view the third, or rightmost column. I'd like to be able
to view the entire page even when a sidebar is loaded. Is this
possible? How?

Thanks!

Chuck
Oct 17 '06 #7

This discussion thread is closed

Replies have been disabled for this discussion.