GeekIMO

GeekIMO *
Please login or register.

Login with username, password and session length
 

  • Home
  • Help
  • Search
  • Login
  • Register

  • GeekIMO »
  • Guides »
  • Web Development Guides & Tips »
  • Tip - Ideal Website Width!
« previous next »
  • Reply
  • Print
Pages: 1   Go Down

Author Topic: Tip - Ideal Website Width!  (Read 807 times)

Offline i-CONICA

  • Administrator
  • Guest
  • Posts: 8
  • Geek-Ups: +0/-0
    • View Profile
    • FileQuake.com
Tip - Ideal Website Width!
« on: September 01, 2008, 08:52:27 AM »
  • Quote
For fixed width websites, People are often unsure of the ideal width to have their site set to.
This is a crucial decision to make. As the size of a users screen or resolution could make parts of your site be missed off the sides of his/her screen. Making it necessary to scroll left to right to read full width lines of text or to see large images. Either way, It's good to get a fine balance between being wide enough to look nice without having to scroll up and down too much, because your wrapped text looks squashed between elevator doors...

At present, 36.65% of visitors to this site have the resolution of 1024x768, This means a page width of 1000px is a bad idea..

Below that, Only 3.5% of users have the next common resolution down, Which is 800x600.

Showing that the resolution of 1024px wide max is a wise choice.
But don't set your site to that width without considering the page rarely goes to the edge of a users screen.
 They usually have a vertical scroll bar in place making the ideal width pixel resolution for most websites would be [size=18]968px[/size].
Report to moderator   Logged

57

  • Guest
Re: Tip - Ideal Website Width!
« Reply #1 on: November 17, 2008, 06:03:47 PM »
  • Quote
thanks for this info.

I always set my web sites to centre in browser, regardless of size.

Though, if I set the margins too wide the users do have to scroll right to view the information.

Since I discovered this I set all my sites with information 900 px wide.

So I think 968 px will be the new size I go for.
char
Report to moderator   Logged

Offline i-CONICA

  • Administrator
  • Guest
  • Posts: 8
  • Geek-Ups: +0/-0
    • View Profile
    • FileQuake.com
Re: Tip - Ideal Website Width!
« Reply #2 on: November 18, 2008, 04:38:25 AM »
  • Quote
Yeah any less than that tends to look very amateur. Like from a template or quick "blog maker".
Very narrow sites are suited to simple sites, any less than 900 would look silly.

Liquid layout is also good but that's usually reserved for sites with masses of information to display. On a relatively simple company site, they would struggle to fill that space. Fixed width sites are best in that situation.
Report to moderator   Logged

Offline Cloud

  • Administrator
  • Guest
  • Posts: 870
  • Geek-Ups: +14/-0
    • View Profile
    • Forge Team
Re: Tip - Ideal Website Width!
« Reply #3 on: November 18, 2008, 10:12:22 PM »
  • Quote
 ::) Nice Info, My website codes all messed up to hell. I couldn't change the size without messing everything up lol..
Report to moderator   Logged

Offline i-CONICA

  • Administrator
  • Guest
  • Posts: 8
  • Geek-Ups: +0/-0
    • View Profile
    • FileQuake.com
Re: Tip - Ideal Website Width!
« Reply #4 on: May 16, 2009, 08:11:24 PM »
  • Quote
The size would be set on the containing element which contains all the website's content. This value would be set from the associated style sheet.

To centre the now, 968px wide container, you'd use:
Code: [Select]
margin-left:auto;
margin-right:auto;
In your CSS's body attribute.  :)
Report to moderator   Logged

Offline Cloud

  • Administrator
  • Guest
  • Posts: 870
  • Geek-Ups: +14/-0
    • View Profile
    • Forge Team
Re: Tip - Ideal Website Width!
« Reply #5 on: May 17, 2009, 01:57:04 AM »
  • Quote
I will try to rebuild my site, Soon. I wish to change the domain name though.
Something like... Well I'll send you a message i-CONICA. And I may use this code, I am aiming to make my new site as simple as possible.
Report to moderator   Logged

  • Reply
  • Print
Pages: 1   Go Up
« previous next »
  • GeekIMO »
  • Guides »
  • Web Development Guides & Tips »
  • Tip - Ideal Website Width!
 

+ Quick Reply

With Quick-Reply you can write a post when viewing a topic without loading a new page. You can still use bulletin board code and smileys as you would in a normal post.

Warning: this topic has not been posted in for at least 120 days.
Unless you're sure you want to reply, please consider starting a new topic.

Name: Email:
Verification:
Type the letters shown in the picture
Listen to the letters / Request another image
Type the letters shown in the picture:

  • Powered by SMF 2.0 RC3 | SMF © 2006–2010, Simple Machines LLC
  • Sitemap
  • RSS
  • WAP2

Page created in 0.097 seconds with 17 queries.