Forum Moderators: open

Message Too Old, No Replies

Is there a standard page width?

taking into account standard width ads, logos, banners, etc

         

HarryM

12:50 pm on Apr 1, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The last significant thread I could find on this subject dated from a year ago, so of little help.

I originally set my page width at 700px (centered) to display well in 1024px and 800px browser resolutions, and also to cater for low res browsers and the presence of slide bars and side panels. However this doesn't really fit the current typical widths of banners and advertising space. Google Adwords for instance requires a width of 728px for their widest display area.

Is there now a recommended standard for page width for fixed-width pages?

Alternative Future

12:55 pm on Apr 1, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I think each person has their own recommendation for the width - personally I use 760 which fits well onto 800, others suggest a liquid page. I am trying to find the latest thread on this if I find it I shall post it.

This is the most recent one i can find here [webmasterworld.com]

-George

HarryM

1:44 pm on Apr 1, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Thanks George,

I had already seen that thread, but as it was a year old it couldn't take account of recent changes.

My experience is things tend eventually to fall into a standard format, for instance logos at 88px, 120px, and 150px. Presumably Google has based its Adwords sizes on some sort of perceived standard, with a leaderboard at 728px, a banner at 468px, and columns at 120px and 125px. Things like this tend to make for conformity, and if I were to change the width of my pages I would like to get the most up-to-date advice available.

R1chard

5:39 pm on Apr 1, 2004 (gmt 0)

10+ Year Member



I'd say the answer was a firm NO- there isn't a "standard" width. Monitors range from about 100 pixels in width (people buy stuff on their phones nowadays) up to about 2000 pixels. And you cannot predict what any visitor will use. design too small and it'll be bad. Design too big and it'll be bad. The more time that passes, the more diverse it becomes, and the more important it is to go fluid.

HarryM

6:03 pm on Apr 1, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I don't want to get involved in the "fluid" versus "fixed" debate. My site is only targeted at people using normal browsers, and I have no intention from moving away from a fixed display.

I agree there isn't a standard for fixed display width, but there are normal ranges that are in use. I have seen widths from about 700 to 790 used by those who cater for 800 res, with some sites going above that because they are only cater for 1024 res and above.

My question is what is the optimum width within the 700-790 range. I could take the easy way out and plump for 728 to be in line with Google, but it seems sensible to canvas opinion. I don't want to change a third time. :)

cyberfyber

6:10 pm on Apr 1, 2004 (gmt 0)

10+ Year Member Top Contributors Of The Month



I too use 760pixels only for those pages which I set at a "SET Width". This way it accomodates both most popular screen resolutions used.

To answer your question HarryM, 760 is the best and safest in my own opinion.

You wouldn't want your pages to go off the screen.

[edited by: cyberfyber at 6:29 pm (utc) on April 1, 2004]

isitreal

6:27 pm on Apr 1, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



760px. That will work as intended in almost all pc's out there. Last figures I saw were 40% 800px wide, that's enough to give that market segment the support they deserve. I guess if you ran a mega site you might have to look into providing device specific css, but for normal sites, that's probably overkill.

the 40 px difference is the size of the lefthand scroll bar on the browser.

I suspect that Google's 728 is because they are also supporting macs, which default to a slightly different set of widths, can't remember what an imac came with, I think it was 750 judging by designs I received from Imac designers.

mac doesn't have enough market share to warrant sacrificing your display width just to support imac users. Most other mac users are using large monitors.

HarryM

6:58 pm on Apr 1, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I suspect that Google's 728 is because they are also supporting macs

Thanks, isitreal. That's exactly the sort of information I was looking for.

And thanks to everyone else. That's three votes for 760 - it looks like a concensus.

HarryM

7:41 pm on Apr 1, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Have discovered that Yahoo also use the 728px width ad. The call it "Super banner".

tedster

2:08 am on Apr 2, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



One downside to a fixed 760px is when an 800x600 user also has their hotlist open on the left. Then you get some side scrolling.

R1chard

6:39 pm on Apr 14, 2004 (gmt 0)

10+ Year Member



"40 px difference is the size of the lefthand scroll bar"? Did you mean Sidebar? My scrollbars are set at about 26 pixels, but are adjustable to quite a large range (guessing 15-50?) And my Mozilla History sidebar looks reasonable even at 250px or more...

asquithea

7:20 pm on Apr 14, 2004 (gmt 0)

10+ Year Member



<semi-serious>
Is that width before or after my browser has removed your adverts?
</semi-serious>

Standard width adverts do make it easier to surf undisturbed. Personally, if I were adding advertising content to my site, I'd make it a non-standard width -- consistency is grist to the mill of a Firefox UserContent.css file.

Don't forget to take into account the various side-bars people have open. I tend to leave a bookmarks tree open all the time.

Donzella

7:43 pm on May 19, 2004 (gmt 0)



Actually the standard width to fit into an 800x600 window varies depending on platform, browser and browser version. There is a very good article on all this at: [hotwired.lycos.com...]

DrDoc

8:11 pm on May 19, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to Webmaster World, Donzella!

Yes, that is a great article!

vkaryl

1:49 am on May 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



My site is only targeted at people using normal browsers....

Harry, you just can't "target" like that any more.... you really can't. Whether in your mind the site targets "normals" or not, you NEED to consider the "ab-normals": the Japanese who surf on phones and ipods in preference to a "normal" machine; the teens in the US ditto who are refining "keeping up with the Jones's" to a fare-thee-well; the shopping-queen-junkie who surfs on her phone while she's driving I-10 at 90 mph (um. Nope, that is NOT A JOKE - I only wish it were....)

Liquid is the way to go.... consider the colloquial meaning of "liquid" in France....

vkaryl

1:52 am on May 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Donzella, thank you SO MUCH. That's a PRIZE article from any viewpoint! And welcome to Webmaster World!

ergophobe

4:52 pm on May 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



There are currently two threads going on this

[webmasterworld.com...]

vkaryl


you NEED to consider the "ab-normals": the Japanese who surf on phones

careful now ;-)

ronin

5:33 pm on May 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Hmmmm... interesting. I use 610px as my base width, whether it's a fixed or a liquid design. (Admittedly the liquid design looks a little cramped at 610px, but it does - just about - work).

How people fit screens onto PDAs I have no idea. I'd like to see my website on a PDA.

ergophobe

6:21 pm on May 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



There used to be a PDA simulator out there. It would show your page as it would look on some PDA. I can't remember the address.

I remember looking at a site I did through that thing and I realized that the PDA user would see nothing but a piece of the logo.

encyclo

6:28 pm on May 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



To simulate a PDA or phone view of your site, you can simply use Opera's small-screen rendering mode - just hit Shift+F11.

Alternatively, you can use a separate CSS stylesheet called with the attribute

media="handheld"
. Opera is one of the most popular browsers for phones, available on Nokia models and others.

[opera.com...]

isitreal

10:13 pm on May 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



There's a good webmonkey article on handheld display [hotwired.lycos.com].

there is virtually no way to test your site for small-screen compatibility short of downloading literally gigs of unnecessary SDKs...(Software Developers Kit...) ... Opera, alone, is the only SSB to offer some meager way to test your SSB-compatibility. src [webmonkey [hotwired.lycos.com]

Good read. Opera will only show you how opera displays in small screen mode, unfortunately, I seem to remember that windows ce IE tries to actually display the whole page in some weird way.

vkaryl

10:54 pm on May 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



ergophobe: wasn't meaning that the way it may have come across.

"ab-normals" in that sense would be oddball machines with oddball surfing situations, such as cell phones, of which the Japanese (and as I pointed out before) teenagers.

ergophobe

11:19 pm on May 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I understood that. That's why I put a ;-) in. Just having some fun.