Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works

Advice needed on website design (screen resolution problem)

  • Please log in to reply



    New Member

  • Member
  • Pip
  • 7 posts
I am new to web design and have set up a site for my walking club:


I based this design on a template but have now found that on some PCs with higher screen resolutions the text/photos run over the side border. My own laptop can display at 1024x768 or 600x800 and the site is ok at these settings.

I guess this is something to do with the background image size being fixed (?). Can somebody point me in the right direction as to how I should go about fixing this problem. I would like to avoid having to scrap the site and starting all over again.

Any advice would be very much appreciated.
  • 0





  • Member
  • PipPip
  • 47 posts
the website looks great on my resolution. 1024x768.

but if you need to resize the page i would go into your CSS template. You will see

#Layer1 {
left: 227px;
top: 223px;

Change those values to percentages. But the thing about that is that it wount match up with your header. My rule of thumb when designing webpages is to make sure that it looks good in the most number of webpages. You will not be able to accomidate everyones resolution.
If you are worried you can use Google Analytics (google.com/analytics) and track the screen resolution of the people that visit your page. make sure that most everyone can see your page the way you want it to be seen.

Hope this helps
  • 0

Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
I would toss all the absolute positioning. You can not make your pages fluid using absolute positioning and the effects you see on browser window resizing is always going to happen. Especially if you made your pages at a higher res with absolute positioning and expect everything to look the same when you change the window size much less change the res. Percents are much better to use and ems for font sizes.

Considering the strict doc type you are using, you need to correct these 27 HTML code errors. Your CSS met CSS level 2.1 ok.

  • 0

Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP