For Richard Bonner
thanatoid
IT'S A FIX
Question:
Your May issue had a query on resolution ("Resolution
substitution"). Recently I was browsing (using IE5), when I came
upon a Web site (http://www.hsbc.com/) that had fixed
resolution. Can you explain how this is done so that I can
incorporate it in my Web site too?
Vinay
Answer:
What the site designers have done to solve the resolution
'problem' is to sit the entire contents of their pages into a
percentage width table. What this means is that as you expand or
contract the page, the contents of the page shrink or expand to
fill up the space.
This method might seem like an ideal solution, but you must
remember that there are drawbacks to employing percentage
widths. For example, delicate or intricate layouts might be
affected when a page gets expanded to 1,024x768 (or larger).
Nonetheless here, very simply, is how you do it:
<HTML>
<HEAD>
<TITLE> My expanding/contracting page </TITLE>
</HEAD>
<BODY>
<TABLE width="100%"
border="0">
==[ NOTE: the above 2 may be on the same line, it's not clear
(narrow magazine columns) and I don't know html :-# ]==
<TR>
<TD>
Insert the contents of your page here
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
============================
It may be bloody obvious and you may have tried already or it
may just be too old (it's from a 2000 issue...)
Anyway, if it's of any use, I did one good thing today.
:-)
--
"Who knows what the OP is talking about?"
(about thanatoid)
Richard Bonner
> Here you are Sir:
*** Oh, it's not an image. Sorry, for some reason I thought you were
going to post an image, not a short html example.
(Snip)
> What the site designers have done to solve the resolution
> 'problem' is to sit the entire contents of their pages into a
> percentage width table. What this means is that as you expand or
> contract the page, the contents of the page shrink or expand to
> fill up the space.
> This method might seem like an ideal solution, but you must
> remember that there are drawbacks to employing percentage
> widths. For example, delicate or intricate layouts might be
> affected when a page gets expanded to 1,024x768 (or larger).
> Nonetheless here, very simply, is how you do it:
(Snip)
*** Yes, I am already familiar with that trick. The comments are
correct in that resolutions higher than 1024 will stretch the text across
the screen in long, thin lines.
> <TABLE width="100%"
> border="0">
> ==[ NOTE: the above 2 may be on the same line, it's not clear
> (narrow magazine columns) and I don't know html :-# ]==
*** It won't matter. Browsers will ignore line breaks and render the
code correctly.
> It may be bloody obvious and you may have tried already or it
> may just be too old (it's from a 2000 issue...)
> Anyway, if it's of any use, I did one good thing today.
*** I don't use this method because my code is simple enough that it
will expand or shrink to fit the browser window anyway. I mainly use
tables to place images in photo layouts, and in some headings to allow for
text and background colour changes, or to place borders around text.
Thanks for the post.
Richard Bonner
http://www.chebucto.ca/~ak621/DOS/