Web resolution question

On 01/27/2010 10:05 AM, Noel Stoutenburg wrote:
> bigskypa@gmail.com wrote:
>
>
>> Is there a typical or standard monitor resolution a web site should be
>> designed for?
>
>
> If I remember correctly, there are (or were) two standard resolutions,
> one on Apple based machines, and one on Windows based machines.


> However, are you sure that it is the resolution which is the cause of
> the variance you see, and not the size and aspect ratios of the
> various display devices upon which you are viewing the image?
>
> ns
>

I wouldn't know how to determine if it were. I figure (wrongly) that if
2 pictures are placed in a specific location when I make a web page then
they should appear in the same location and relationship on the web.

On 1/27/2010 9:22 AM, bigskypa@gmail.com wrote:
<snip>
> I wouldn't know how to determine if it were. I figure (wrongly) that if
> 2 pictures are placed in a specific location when I make a web page then
> they should appear in the same location and relationship on the web.

That's how it should work. If that's not the case, check your CSS and
HTML for issues between the browsers. Generally the only reason the
images should /appear/ to be in different locations is because someone
is viewing the site wider or narrower then what you are seeing. If you
check out http://www.joseph-a-nagy-jr.us on a variety of machines,
you'll see that the images are placed pretty much in fixed positions
across all monitors, resolutions and web browsers.

On Wed, Jan 27, 2010 at 5:06 PM, <bigskypa@gmail.com> wrote:
> The only problem is....I have no idea how to set the width of my web page.
> I need to know the exact html code I'm supposed to use.

Perhaps use the width or max-width CSS properties in the appropriate
place on your page. Which one you use might depend on the structure of
your document and the browser used by your audience (I don't think IE6
supports max-width).

On 1/27/2010 5:33 PM, Paul Hartman wrote:
> On Wed, Jan 27, 2010 at 5:06 PM, <bigskypa@gmail.com> wrote:
>> The only problem is....I have no idea how to set the width of my web page.
>> I need to know the exact html code I'm supposed to use.
>
> Perhaps use the width or max-width CSS properties in the appropriate
> place on your page. Which one you use might depend on the structure of
> your document and the browser used by your audience (I don't think IE6
> supports max-width).

I don't generally set a max-width unless I'm going multi-column (and
that can get rather advanced very quickly).

Is there a typical or standard monitor resolution a web site should be
designed for?

The problem I'm having is that when I make a web page the pictures are
in a different position as viewed from various computers.

Any ideas?

2010/1/27 <bigskypa@gmail.com>:
> Is there a typical or standard monitor resolution a web site should be
> designed for?
>

I virtually always make the assumption that the user has at least
1024x768 and make my websites 960 pixels wide. Last time I checked
only 4 percent of Internet users today had a resolution lower than
1024x768.

> The problem I'm having is that when I make a web page the pictures are
> in a different position as viewed from various computers.
>

I'm not sure what you mean (or how this relates to the monitor resolution).

> 2010/1/27 <bigskypa@gmail.com>:
> > Is there a typical or standard monitor resolution a web site should be
> > designed for?

Deniz Dogan writes:
> I virtually always make the assumption that the user has at least
> 1024x768 and make my websites 960 pixels wide. Last time I checked
> only 4 percent of Internet users today had a resolution lower than
> 1024x768.

http://www.netmarketshare.com/report.aspx?qprid=17 makes it look
more like 5-6% (they don't give a "less than", you have add up the
numbers for various specific resolutions).

But http://browsersize.googlelabs.com/ seems to be saying that more
like 30% of Google visitors have screens narrower than 1024.

> > The problem I'm having is that when I make a web page the pictures are
> > in a different position as viewed from various computers.
>
> I'm not sure what you mean (or how this relates to the monitor resolution).

"bigskypa" is probably assuming that everybody runs their browser
in fullscreen mode, so that it takes up the full monitor resolution.
Really, a better measure is how big people's actual browser windows are.

But a web page needs to be able to adjust to different browser sizes.
If your layout changes in unpredictable ways because you resized your
browser window, you need to fix your HTML layout.

That's one reason why GIMP isn't a good web design tool, though it's
great for making individual graphics to use as part of a web page.
Perhaps try an HTML forum to figure out where your HTML is going wrong?

...Akkana

On 1/27/2010 12:01 PM, Akkana Peck wrote:
<snip>
> That's one reason why GIMP isn't a good web design tool, though it's
> great for making individual graphics to use as part of a web page.
> Perhaps try an HTML forum to figure out where your HTML is going wrong?
>
> ...Akkana

I'd also be willing to help, off-list, of course. (:

On Wed, Jan 27, 2010 at 8:57 AM, <bigskypa@gmail.com> wrote:
> Is there a typical or standard monitor resolution a web site should be
> designed for?
>
> The problem I'm having is that when I make a web page the pictures are
> in a different position as viewed from various computers.
>
> Any ideas?

There is no standard. Monitor resolution also does not give you any
clue about DPI settings, user font size, window size, zoom level, etc.
There a million philosophies about web design and the only answer is
for you to do what you think is best for your site...

At home I have 2048x1152 monitor on primary computer, 1200x1600 on
secondary (yes, portrait orientation), my phone has 800x480
(landscape), my wife's phone has 240x320 (portrait), my grandpa is
using 800x600 on a 19inch monitor... you can imagine websites look
very different depending on which computer I use.

You can use something like Google Analytics to see what your customers
are using (assuming they have Javascript enabled...).

On 1/27/2010 4:43 PM, Paul Hartman wrote:
<snip>
> You can use something like Google Analytics to see what your customers
> are using (assuming they have Javascript enabled...).

Even if you only have Read Only access to your log files, you can use
AWSTATs as well, although I'm not sure if it can determine resolution it
gives a good idea of browser and os.