Index > Test > CSS > Screen > W3.org CSS

W3.org CSS (media: screen)

What about screen?

One of the basic questions all the time is what kind of screen size should page fit-in without horizontal scroll. Probably the best answer could be found by testing one good page. Which one should be the best? How about that one which is Cascade Style Sheets (CSS) guide for all of us? So:

  • Tested page: http://www.w3.org/Style/CSS/
  • Tested media: screen (Plug and Play Monitor / 15" / Microsoft driver — Standard)
  • Testing browsers: WinIE 6.0, Mozilla 1.5, Opera 7.20
  • Fixed right vertical nav-bar used and that allowed us to see and check-up what is their adaptability (flexibility / fluid -ability(?)) designing policy.

Small note: ‘browser’ in my understanding, is the program (one of above) with maximized usable / visible page-content surface.

Screenshots:
Win IE: [1024x768 (32.88 KiB)] [640x480 (38.25 KiB)]
Opera: [1024x768 (34.87 KiB)] [640x480 (41.20 KiB)]
Mozilla: [1024x768 (29.03 KiB)] [640x480 (43.68 KiB)]

Screen adaptability test
1. Resolution: 640 x 480
– MSIE view: Text Size: Smallest
– Opera view: 50%
– Mozilla view: 70% already fine / 60% ideal

* Any other (view) size which is larger then above, make document unreadable (more correct: vertical nav-bar became unaccessible / scrollable content — ok). The same note for each item bellow.

2. Resolution: 800 x 600
– MSIE view: Text Size: Smaller
– Opera view: 70% (80% also passed with some lack in design)
– Mozilla view: 90% / (100% also passed with some lack in design as in Opera)
3. Resolution: 1024 x 768
– MSIE view: All sizes! (weird, small hor-scroll on each size except Smallest — page itself ok
– Opera view: up to 110% (120% — close to be ok)
– Mozilla view: up to 140% (150% — close to be ok)
4. Resolution: 1152 x 864
– MSIE view: All sizes
– Opera view: up to 130%
– Mozilla view: up to 160% (170% — close to be ok)
5. Resolution: 1280 x 960
– MSIE view: All sizes
– Opera view: up to 140% (150% — close to be ok)
– Mozilla view: up to 180% (190% — close to be ok)

This small table could be probably useful for some developers... to take in the mind when doing their own works.

W3c CSS-page webmaster data:
* Author: Bert Bos <[email protected]>
* Created: 12 Sep 2002
* Version: $Id: threepart.css,v 1.38 2003/10/10 22:22:39 bbos Exp$

Personally, I think that everything is ok there; page is of that kind which we can describe as ‘an ideal page’ with nice rich style.

~ [CSS off]

[orwell.ru] [Home] [Biography] [Library] [A Life] [Info & (c)] [Links] [Site map] [Search] [Feedback]

© 1999-2024 O. Dag – ¡C. date: 2003-09-12 & L. mod.: 2019-12-29!