Jump to content

How to design web pages for all monitors?


JackPike

Recommended Posts

I ,ve built a website for my local club full of bugs but thats a winters job a problem I have is trying to make pages to suit all different size monitors the pages seem OK on my monitor but on smaller ones the text goes out of alignment.Anyway I,ve built this website by only working on it a couple of hours each week and just a beginner in web design hers the addie

www.southportangling.co.uk

He who simply trys, Is not trying hard enuff

Link to comment
Share on other sites

Wouldn't you use % rather than px?

 

px will take up 700 pixels no matter what resolution. But % will resize to take up a percentage of the screen.

 

However, the only proper way to do it is to make a version for each resolution.

Link to comment
Share on other sites

These days, you just can't know what size browser window your visitors are using - anything from a phone display to a big monitor. While 700px might feel nice and safe - fits in 800x600 easy and you can be fairly sure of your layout - a visitor with a maximised browser on a 1280x1024 monitor might feel a bit short-changed, so variable-width is the way to go.

 

Try laying out your page content in a table within the main table. (And I know purists deprecate tables these days!) For example, in 'about.htm', you can control the positioning of the two little photos and the paragraph of text better using a table with two rows, the top row split into two cells and the bottom one full-width cell. Put the pictures in the two top row cells and the text in the bottom full-width cell.

 

Oh, and on that page, do have a look at some of the <span> tags - they are a bit messed up! And give your styles some meaningful names - it'll make your life easier.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

We and our partners use cookies on our website to give you the most relevant experience by remembering your preferences, repeat visits and to show you personalised advertisements. By clicking “I Agree”, you consent to the use of ALL the cookies. However, you may visit Cookie Settings to provide a controlled consent.