Viewable Area Test

By Deane Barker on October 3, 2005

I’m curious to the relationship between screen resolution and actual viewable browser area (see this post). I need your help.

I wrote a quick page that will print out the two for you (it should work, anyway — I wrote it in 30 seconds and tested it for about that long). This page will tell you:

  1. Your screen resolution.
  2. The viewable area of the browser window you load the page into.

(Note: IE under XP SP2 may complain about “active content” or some such garbage. If you trust me, just “Allow blocked content…” If you don’t trust me, then I’m hurt, I really am.)

So go to this page, copy the results out of the textbox, and paste them into a comment on this entry. If you feel ambitious, perhaps let us know what “viewable area intrusions” you have running (bookmarks toolbar, CSS toolbar, just don’t run the browser fullscreen, etc.).

One more time, here’s the link.

What This Links To
What Links Here


  1. Screen: 1024 x 768

    Viewing Area: 1024 x 606

    Firefox with Navigation and Bookmarks Toolbars and the Windows XP task bar across the bottom

  2. Screen: 1024 x 768

    Viewing Area: 956 x 525

    Firefox on Fedora Core 3, Gkrellm on the right, gnome panels top and bottom.

  3. There is a minor problem with the code. I run two screens. 1920×1200 on my laptop, and 1280×1024 as a secondary.

    IE was running on the 2nd screen, fully expanded (1259 x 853).

  4. Screen: 1280 x 1024

    Viewing Area: 1277 x 836

    fullscreen Firefox, tab bar, status bar, bookmark bar, windows taskbar

  5. Screen: 1400 x 1050

    Viewing Area: 1318 x 795

    Firefox 1.07 using tabs, no sidebar and not maxed on screen.

  6. Screen: 1280 x 1024

    Viewing Area: 1005 x 786

    Double-sized Windows start bar (twice as high). Sometimes ICQ sits on Left-hand side.

  7. Wait a minute…I don’t have any sidebars at all and I’m all the way down to 952?!?!?! Funny, my Webdeveloper’s extentions says my firefox window is 1592 x 1152. That sounds a bit more realistic. Might want to check the code….

  8. Screen: 1280 x 1024

    Viewing Area: 1280 x 780

    Firefox, Bookmark toolbar, css toolbar & google toolbar

  9. Screen: 1280 x 854 Viewing Area: 977 x 708

    Safari’s window has the Address, Bookmarks & Status bars visible, plus the tab bar.

  10. Screen: 1280 x 800 Viewing Area: 1097 x 607

    Firefox Google toolbar All in one sidbar toolbar Google Sidebar

  11. Screen: 1024 x 768

    Viewing Area: 1024 x 548

    Firefox, no sidebars, just the Webdeveloper extension in the upper part of the window.

  12. Screen: 1280 x 1024

    Viewing Area: 1016 x 794

    I run firefox resized to 1024 width for testing, but i like it a little longer so I don’t have to scroll

  13. Screen: 1024 x 768 Viewing Area: 1024 x 561

    Firefox on Windows X.P. laptop. Why am I not getting to see a couple of hundred lines on my screen?

  14. Screen: 1280 x 1024

    Viewing Area: 1280 x 832

    Firefox 1.0.6 with Navigation, Bookmark and Web Developer toolbars and no sidebars.

  15. Screen: 800 x 600

    Viewing Area: 780 x 472

    Not running many toolbars (just Google)… I like a clean system with lots of bookmarks. The larger screen resolution is easier on my eyes.

  16. Screen: 1152 x 864

    Viewing Area: 1152 x 649

    I have the standard bar in firefox, plus the web development bar, plus the tab bar.

  17. Screen: 2560 x 1024

    Viewing Area: 917 x 500

    My screen resolution is so weird because I’ve configured my dual LCDs to be one screen. Yet I only take a portion of one.

    Firefox w/ Navigation and Bookmarks Toolbars and tab area at top, and Status Bar at bottom.

  18. Screen: 1280 x 1024 Viewing Area: 1280 x 752

    I used to have a 1/2-of-screen-browser-width until recently, when some applications forced me to go fullscreen. I still like the 1/2 better though…

  19. Looking good as always Gadgetopia!

    Screen: 1280 x 1024

    Viewing Area: 1272 x 907

    Using Firefox with a single tool bar at top & tab bar, plus status bar at bottom. Looking good as always Gadgetopia!

  20. Screen: 1280 x 1024

    Viewing Area: 1280 x 831

    I duno what the things are called:

    The File, Edit, View, Go, Bookmark, Tools, Help bar The bar where you type in your address A Bookmarks bar Tabs of pages I am viewing

    Windows xp taskbar

    this is on the latest firefox.

  21. Screen: 1680 x 1050

    Viewing Area: 1680 x 874

    Menubar Navigation Links


    Status bar Start Bar

Comments are closed. If you have something you really want to say, tweet @gadgetopia.