website question: general public's screen resolution?

[LordSnailz]

I'm not sure how to really state this question --

I'm pretty much done with my website, it looks great and all but I just realized that my laptop's resolution is on 1400 which is not your typical home computer's resolution.

I switched my resolution to the lowest setting, 800x600, and the page would not fit onto the screen without scrolling bars. I think it looks okay on the 1280 setting.

1. Is there a quick way to "shrink" everything to that it looks "smaller" on a 800 res. monitor?
2. If there's not quick way, aside from re-doing the whole thing, what are ppl's general resolution set at?

argh, this totally sucks ...

 

[Modeps]

Quick way? No.

Best is to use percentage tables if you really want to make something 'morph' to a specific user's resolution. Hear this now though, you'll never please 100% of the population. Aim for 800x600 from the start (770x570) and you'll be dandy.

 

[screw3d]

The usual resolution people use these days should be at least 1024, but there's still a fair amount of people stuck on 800.

The best way is to resize entire webpage, maybe something like body { width: 780px; } in css

 

[pmark]

For 800x600 use a max pixel of 748. That will account for the sidebars.

 

[LordSnailz]

darn .. thanks for the replies. I guess I try the percentage and see how that works out.

I did the webpage through dreamweaver using frames and table/cell layouts ... can that be converted to css? Or are they totally seperate things.

My index.htm is basically a table with an iframe pointing to my frameset. And the frameset contains basically my whole website.

Also, what is the pixel width for 1024 res? I guess I'll tailor my site to 1024 rather than 800. But it looks soooo sweat on 1400.

 

[rh71]

you could always do a javascript detect of the browser size and use it to bring up different versions of the page if you care that much.

 

[torpid]

What kind of web site have you created that scrolls horizontally below 1280 width?

 

[LordSnailz]

It's fine with 1280 ... it's just a personal website but I guess started everything too big. Dim for the box is 800x720, ok size box on a 1400 res. dumb dumb
Probably won't have time to do the javascript ... ppl. can just deal with it

How do you change the tables to percentage widths? I ran a search on google and a few places are saying just a percent sign next to the number. But dreamweaver gives an error when I try to add it, stating that a number needs to be entered.

Here's the screen shot of the inspector --
http://pics.apartment808.com/u...lordsnailz/dmtable.JPG

I dont' see any where I can change to percent .... any help is greatly appreciated!

 

[screw3d]

Originally posted by: LordSnailz
It's fine with 1280 ... it's just a personal website but I guess started everything too big. Dim for the box is 800x720, ok size box on a 1400 res. dumb dumb
Probably won't have time to do the javascript ... ppl. can just deal with it

How do you change the tables to percentage widths? I ran a search on google and a few places are saying just a percent sign next to the number. But dreamweaver gives an error when I try to add it, stating that a number needs to be entered.

Here's the screen shot of the inspector --
http://pics.apartment808.com/u...lordsnailz/dmtable.JPG

I dont' see any where I can change to percent .... any help is greatly appreciated!

You can directly edit the HTML code:

<table width="100%"> is all to it.

Edit: That means you can just add width="100%" to the <table> tag, in addition to cellpadding, cellspacing etc.

 

[LordSnailz]

Stupid question about resize based on percentage --

So right now all my images are the "right size" for 1400 res. If I change the html code to say <table width="65%">, will all the images automatically resize as well?

The reason why I want 65% is because, I have the frame horizontall center in the screen. So you basically, have a box with frames in the top middle of the screen. 65% seems correct for the box size.

I just don't know if the images will resize automatically. I've tried editing the code to <table width="65%">, but I don't see the difference.

thanks again for the help.

 

[screw3d]

You should also change your image size as well because you don't want your visitors to download unnecessarily big images. Also, the images will look funky if you don't resize it properly and browsers might resize your pics differently.

Why don't you just show us what you are working on?

 

[LordSnailz]

Cause it's our wedding website and I know it's going to somehow end up on ATOT. It's over once it's gets there
I'll give it shot tonight if I'm still racking my brain over it, I'll post it up ...

thanks for the help btw.

 

[arcain]

According to my work's statistics (shhhhh):

44% are running 1024x768
38% are running 800x600
3% are running 1280x1024
2% are running 1152x864
1% are running 640x480

Which is to say right now your site looks bad to most of the world. And after you adapt it to 1024x768, 40% of your users will still be annoyed. But if your audience (your wedding guests) are more computer literate (computer geeks), they'll probably run a higher resolution, and these numbers would not be representative.

 

[LordSnailz]

Great thanks for the info., I'll shoot for 1024x768.
Sorry another stupid question regarding auto-stretch and editing the table width to a percentage. What should the size of my images be?

The images I have right now looks good at 1400 res., I can go to photoshop and resize everything. But my question is, if I resize it smaller then wouldn't it be really really tiny at 1400? I just dont get how the images automatically changes based on the users res. Also, if it does it automatically, why do I have to resize it?

Thanks for the help guys.

 

[ttown]

if you are able to use AWSTATS, I noticed that one thing it reports is stats on screen sizes.

I haven't used it yet (waiting for domain transfer to a new host), so I don't know a whole lot.

 

[kkeennyy]

Originally posted by: rh71
you could always do [something to] detect of the browser size and use it to bring up different versions of the page if you care that much.

ditto

 

[LordSnailz]

Well if I wanted to edit the files so that it looks small on the a 1280 screen, how should I edit the image sizes. I'm not sure I understand this resize thing, yes the table will automatically resize based on percentage but what about the images? Are they resize automatically as well? If so, all I need to change is the table width percentage and it'll work?

So change it to <table width="65%"> and that's it?