Re: Tables and screen resolution

Maxi wrote:

One question. If I remove the 100% table height width criteria, then on
800 X 600 screen resolution, it will take up the entire browser window
and if I chang the resolution to 1152 X 864, the table will appear in
the center leaving extra space in the background. Right?

"in the center": no, only if you told it to.
"leaving extra space": yes, obviously.

If yes, how
can I avoid this?

Avoid what exactly?

Avoid having extra spaces surrounding the table if the screen
resolution is high.


Is there no way (may be javascript) to detect the system's screen
resolution first and accordingly resize the pictures?
For instance If i have pictures of 50 X 50 pixels then,
If screen resolution is 800 X 600, resize it to 24 X 24
if screen resolution is 1280 X 720, resize it to 32 X 32
if screen resilution is 1152 X 864, resize it to 40 X 70

I don't know - I don't do JavaScript.

No problem, I will post it in Javascript forum.

You could do this by using DOM to change the width/height of the <img> tags,
but the results would look awful since most browsers don't do scaling very
well (they use nearest neighbour algorithm, which looks bad). I suppose you
could keep pre-scaled images at certain sizes on the server, and change the
src attribute to link to the size you want.

Remember, screen size only really matters if the browser is fullscreen.

If you want truly scalable images, the only option at the moment is SVG, but
support is only there in a few browsers.

--
Jim
.

Relevant Pages

  • Re: Optimise screen size with CSS
    ... > I understand that there are several ways to effectively control the ... "Effective control", in a web context, is in the hands of the reader; ... > rewrite as a long term solution to browser resolution compatibility. ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: know its ipad
    ... make your layout fluid if necessary. ... more browser agnostic you make your application, ... Many such sites are clueless about "mobile" site design. ... Can't really say what the resolution will be for devices that have not ...
    (comp.lang.javascript)
  • Re: Defining the resolution of a site
    ... So the design is no longer the same.. ... > Same thing if I work on a 800*600 resolution, the page is too ugly to ... > I don't want to work with frames. ... See the "Viewable With Any Browser Campaign" at ...
    (comp.infosystems.www.authoring.html)
  • Re: Tables and screen resolution
    ... 800 X 600 screen resolution, it will take up the entire browser window ... the center leaving extra space in the background. ... Avoid what exactly? ...
    (alt.html)
  • Re: Resizing banner to fit viewers browser resolution - how??
    ... If you resize your ... window into having a monster scrollbar. ... resolution really has nothing to do with anything other than the ... maximum width of your browser window. ...
    (microsoft.public.frontpage.client)