Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

What width should you use for a fixed width layout?

Featured Replies

What width should you use for a fixed width layout?

I use 980px as this fits nicely 1024px screen allowing space for the right hand scroll bar found in most browsers.

I prefer 960, purely because of what he said, but also the maths (960 is divisible by alot of numbers, making it extremely flexible in creating proportionate layouts).

 

But make sure there's no horizontal scroll on a 1024 width, so keep it under around 990 and you should be ok :)

I prefer 960, purely because of what he said, but also the maths (960 is divisible by alot of numbers, making it extremely flexible in creating proportionate layouts).

I am a girl :D Good point even if has been made by a man ;)

960px if going "full screen"

I am a girl Good point even if has been made by a man

 

ooh i do apologise, how very un pc of me. :blush1: please accept my apologies *hands apologies*

 

I did try to check, normally clicking on your name shows if your a male or female, but if your offline at the time, it's just grey :(

Hi Guys,

 

This is my first post here, looking forward to getting to know everyone.

 

Ok so, page widths for fixed designs on set resolutions, here we go let's see how different I am to everyone else;

 

800x600 - 780px Width

1024x768 - 1004px Width

 

Anything else is done dependant upon the clients request, the majority of the time I find myself when designing

for the web to use 1004 pixel width as this leaves 20 pixels for the scroller bar on the right of the screen in most

if not all browsers. Also note the widths given above are for a fixed design at full page width on the given resolutions.

 

If I were to add borders around the left and the right hand side I usually design:

 

800x600 with borders - 740px

1024x768 with borders - 964px

 

Hope to have helped :)

the average monitor width has increased to 1024 now

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.