New Web Page, (Auto-resize??)

LP
Posted By
Lloyd_Peck
Dec 2, 2003
Views
373
Replies
8
Status
Closed
I am creating a web page in Image Ready. My pc screen size is set at 1024 x 768. I know I can create a new page at this size, File>New>Image Size=1024×768, and it will show correctly in my browser, however how do insure that someone viewing the page on the web, with a different screen resolution will see the page correctly?

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

L
LenHewitt
Dec 2, 2003
Lloyd,

how do insure that someone viewing the page on the web, with a different
screen resolution will see the page correctly?<<

You don’t….

If someone views at 800 x 600 or at 1024 x 768 in a non-maximized browser window, they will get scroll-bars.

More folks have 800 x 600 monitors than any other screen rez, and that’s the size to design for for maximum audience convenience. There’s a lso a very good chance that those viewing at higher screen rez’s WON’T have the browser maximized….

To ‘fit’ 800 x 600 without scroll-bars you need an image around 760 x 420 to take into account the browser ‘chrome’ (menu items etc.)

Additionally, the larger the image, the longer it will take to download to a browser – smaller is quicker and quicker is better in the web world.
JH
Jake_Hannam
Dec 2, 2003
Lloyd,

You can have your code detect the screen size of the user’s monitor and then display a page created to match that size. However, that is a LOT of work having to create different pages for every possible screen size. Most people don’t bother and just do as Len suggests above.

However, if you want to try it, I can provide the code for detecting screen sizes that I got from an HTML (maybe Javascript?) book. Let me know.

Jake
MM
Mac_McDougald
Dec 5, 2003
You can have your code detect the screen size of the user’s monitor

To be more precise, will detect the pixel rez of the screen, not the physical size.

Mac
MM
Mac_McDougald
Dec 5, 2003
< http://msdn.microsoft.com/workshop/author/dhtml/reference/ob jects/obj_screen.asp>

Interesting that the text scrolls OFF this screen to the right, with no horiz scroll bar on my monitor! (running 1024 x 768).

Good job MS 🙂

Mac
DM
dave_milbut
Dec 6, 2003
I’ve been using a lot of dhtml at work. Makes great web pages if you’re assured your users are using IE. We’re in a fixed IE enviornment, but I still TRY to use only standards based dhtml in my code. That’s a great site, not only for the dhtml refrence, but for everything else there too. DHTML (collections, constants, objects, events, etc.), HTML, CSS, etc.

Here’s a link to the start page of that section:

MS DHTML Refrence < http://msdn.microsoft.com/library/default.asp?url=/workshop/ author/dhtml/reference/dhtml_reference_entry.asp>

Best viewed in IE of course (uggh) but mozilla does a passable job, except with some of the tables.
JH
Jake_Hannam
Dec 6, 2003
I love how people ask for help but then never come back to even acknowledge it.

Jake
DM
dave_milbut
Dec 6, 2003
that’s ok jake, feel free to use that link! 🙂

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

Related Discussion Topics

Nice and short text about related topics in discussion sections