Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New Coder
    Join Date
    Aug 2007
    Posts
    93
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Quick Feedback - 800x600 issue on my page

    Hi there, i'm looking for some feedback on a page i've designed as part of a website for a school. I hadn't designed with 800x600 resolutions in mind, and it turns out the site should cater for this. I've changed the resolution on my laptop to 800x600 to check the page and there's now significant scrolling required - I'm not sure if this is reasonable or it means i need to redesign the site. There is a large background image which i fear might cause a problem with any redesign.

    Anyway, any feedback would be greatly appreciated as this the first time i've come across this issue - the site is at http://www.antoninesportscentre.co.u...ol/latestnews/

  • #2
    Regular Coder
    Join Date
    Oct 2007
    Posts
    148
    Thanks
    4
    Thanked 4 Times in 4 Posts
    Just a quick note... You should not be using a modified W3C logo in your valid icons, according to the W3C Logo and Icon Usage terms:

    Quote Originally Posted by W3C Logo and Icon Usage Policy
    Can I change a W3C logo to fit the look and feel of my site?

    No. The W3C Logo provides the organization with its visual identity. As a result, there are strict rules for its use. Changing the W3C logos is not permitted, as it defeats the purpose of the logo, which is to be noticed and identified as W3C.
    However, you CAN use your own icons, provided they do not contain a modified W3C logo:

    Quote Originally Posted by W3C Logo and Icon Usage Policy
    Can I use an image in a link to the W3C Web site (e.g., to the W3C validator) that is not derived from the W3C logo?

    Yes, you may link to the W3C site with images that are not derived from the W3C logo.

    Aside from that, I actually have a very similar problem... Unless someone can point me to a better solution, I have decided to ignore the 800x600 crowd for the moment. :/

  • #3
    Regular Coder Actinia's Avatar
    Join Date
    Feb 2007
    Location
    Essex, UK
    Posts
    250
    Thanks
    1
    Thanked 23 Times in 22 Posts
    Your background image is 900px by 800px. If you set your container div and the image width to a bit less than 800px wide, with maybe a slight adjustment of the other content, and center it on the page, then it is unlikely to cause problems at 800 by 600. It should also look OK at higher resolutions. You need the container width less than 800 to allow for the vertical scroll bar.

    Your background image does encompass quite a lot. It would probably be better to separate the masthead and other components as separate images, just keeping the pale blue ghost as a background. This would probably make it easier to squeeze it into a narrower column.

    John Rostron

  • #4
    New Coder
    Join Date
    Aug 2007
    Posts
    93
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Thanks for pointing that out, I didn't realise you couldn't use a modified logo. The site is still in development anyway, so i'll make sure i remove it before it goes live.

    Not sure whether to try and blag my way out of this by saying 800x600 design shouldn't be a priority, or whether to bite the bullet and make the layout fluid - which would probably involve having to use javascript to check the user's resolution before loading an appropriately sized background image....

  • #5
    New Coder
    Join Date
    Nov 2007
    Posts
    41
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I was really perplexed, whether to ignore the 800x600 crowd or cater to them, I decided to cater to them because I am building a commercial website. I figured all the hits I can get are better than loosing potential clients. I went with a fixed width of 780px that is centered on the page. I read somewhere that ~20% still use 800x600 i dunno why. But I guess for your purposes... since its a school people are stuck with what they get. I think your targeted audience allows you, as the designer, to decide on what resolution you want/need whereas I was not

  • #6
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Well, I don't know about your school, but mine had 1024x864 monitors. I haven't seen a 800x600 one is years

  • #7
    New Coder
    Join Date
    Nov 2007
    Posts
    41
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by CyanLight View Post
    Well, I don't know about your school, but mine had 1024x864 monitors. I haven't seen a 800x600 one is years
    Yea, but the user can set the resolution to what they want. 800x600 or upwards...

  • #8
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,592
    Thanks
    0
    Thanked 645 Times in 635 Posts
    And screen resolution has NOTHING to do with browser window size. Someone could have a 100000x80000 screen resoultion and a browser window open at 200x150.

    Most handheld devices have a width of 400 or less. WebTV has a fixed width of 544. Printers can only handle about 750 width before they chop off the right side of the page. These can of course be handled by using different stylesheets but having a page that will resize to fit the browser window reduces the need for separate page designs for all these different sizes separately.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #9
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by Papa View Post
    Yea, but the user can set the resolution to what they want. 800x600 or upwards...
    What, you can mess about with system configuration at your school? Oh, tell me how!

    fegall, if we're actually bothering to cater for mobile devices, we might as well be using a stylesheet especially for them in the first place!

  • #10
    New Coder
    Join Date
    Nov 2007
    Posts
    41
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by CyanLight View Post
    What, you can mess about with system configuration at your school? Oh, tell me how!
    actually yes we could


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •