View Full Version : Resolution viewing webpages

06-29-2007, 12:27 PM
If you navigate to http://www.new.3genergi.co.uk

Username: newsite
Password: 123newsite


If your resolution is 1280x1024 the sites looking quite nice.

If you navigate to it at anything less, the site breaks apart and look blocky - unordered and messy.

Does anybody have any tips at making my site more userfriendly for different resolutions!

This is an important issue as you cannot rely on people the optimized resolution.

Thank you,


06-29-2007, 01:16 PM
My resolution is 1280◊1024.

In Firefox 2, I get a poor rendering. The menu overlaps other content and the welcome message overlaps the top of the menu. I presume that the second image is not supposed to be wrapping to the next line. Being that that image appears to be presentational, it should probably be displayed as a background image anyway.

In Internet Explorer 6 and 7, I get a message telling me that I need to have cookies enabled when I do have cookies enabled.

In effect, I canít tell what the page is supposed to look like.

Attempts to validate your page for errors fail since the page mentioning that cookies are required gets validated instead. With regard to that page, the language identifiers are in the wrong format; en_US should be en-US. Still, I can tell that your document does have errors by validating it with a Firefox extension. They should be fixed.

06-29-2007, 01:27 PM
ewww that looks horrible...
no offence..
1024 x 768
FF2 xpsp2

06-29-2007, 02:26 PM
Right, yes it is horrible but thats what i want fixed.

Any ideas why FF on 1280x1024 is messed up, IE 6 or 7 should display just fine. What is this extension validating for FF which would fix it?

Rafiki dont post like that its not helpfull!



06-29-2007, 02:37 PM
it didnt mean anything abusive or offensive, i was sayin it doesnt look good in my res either....

06-29-2007, 02:47 PM
This should be in site reviews, isn't it?
Anyways, as rafiki said, your layout is messed up in any resolution 1024 x 768 pixels or lower.
Oh yeah: http://www.validome.org/validate/?uri=http://www.new.3genergi.co.uk/

06-29-2007, 02:58 PM
lol :p I had already established anything lower than 1280:1024 looking bad.

Anyhow , that validator picks up the two errors, but i cannot find the xml settings anyway, they are not in that pages source :S Anyhow that wouldnt be doing that.

I dont know how to make the page adjust nicely to display on 1023x768 etc

06-30-2007, 04:24 AM
What is this extension validating for FF which would fix it?Html Validator (https://addons.mozilla.org/en-US/firefox/addon/249) for Firefox. Iíd fix the errors, but they probably wonít address this particular issue.

I briefly tried troubleshooting your code, but with the complexity and lack of indentation, itís difficult to tell whatís where, so I stopped. If you need an example of indentation, see the code below.


You also have some semantic issues. For example, addresses should be marked up with address elements instead of p elements. The same goes for images; generally, itís incorrect to mark them up as paragraphs.

Putting a base element after anything that contains a URI reference, including a style sheet that calls a background image, is also incorrect.