website compatibility

shpresa
shpresa used Ask the Experts™
on
I have a website build with asp.net / C# and I have a css template for it.
The website works just fine in different browsers  but one computer that has a bigger resolution and bigger size fails to show the website correct. It shows my right content getting out of the website. I m not sure why is that happening. I changed resolution to smaller and it is still showing. It was using 1920 * 1080 .
What else could affect a website besides browser/resolution?
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Perhaps O/S or virtualization plays a roll in the display.

Maybe this will help if you are using fixed widths.

http://www.thesitewizard.com/archive/compatibility.shtml

Screen Resolution Issues
When I first wrote this article in 2000, the majority of visitors (53%) arriving at thefreecountry.com (where this article was first published before thesitewizard.com came into existance) used a display resolution of 800x600, 31% used 1024x768, and only 8% used 640x480. This situation has changed, and today, the bulk of my visitors at both sites are roughly divided between using a screen resolution of 800x600 and 1024x768 (with insignificant numbers using other resolutions).

If you design your site with fixed widths, you need to be aware of the above. For example, if you design for the 1024x768 screen resolution, you will force almost half your visitors (if your site has the same visitor make-up as mine) to scroll their screens horizontally to see the entire page. Horizontal scrolling irritates a number people (particularly if they have to scroll left and right continually just to read your sentences), hence many sites try to avoid it. They do this by either designing with a fluid design (as thesitewizard.com currently does), where the page automatically fits whatever screen resolution the visitor uses, or by designing it for a worst case screen resolution (either 800x600 or 640x480).

If fixed width is your cup of tea, in my opinion, you should not design your pages to require more than a 800x600 display resolution. Doing so will probably displease at least half your visitors, who will have to repeatedly scroll horizontally (back and forth) just to read the sentences on your page. If, despite this, you feel that you need a fixed canvas larger than 800x600, you can use a trick I've noticed on some sites: they put optional material (like advertisements) in the rightmost column of their web page. This allows visitors who have smaller screens to ignore the rightmost column; they can read the main content without having to scroll horizontally.

Of course, if you only use relative widths with percentages like 100%, 80%, your page already caters to different screen resolutions (unless you put graphic images on your page that exceed the widths of the columns).
LZ1
Top Expert 2011
Commented:
Can you post a live URL to your site so we can see the issue?

Also, are you using fixed widths or percentages/em's?  What browser were you in when this happened?

Author

Commented:
I don't have yet a URL, only inside my network. I attached a screenshot. I am putting colors to see which div is going out. Basically the green and red colors are getting out of the yellow only in one computer we have here at work. The browser he uses is Mozilla 11. The resolution is 1920 * 1080. I tried a smaller resolution at his computer and the website didn't changed. In all other computers and browsers we use it shows just normal as the attached doc. Not sure why??

Thank you
Doc1.docx

Author

Commented:
for width I am using fixed pixels, not percentages.
LZ1
Top Expert 2011

Commented:
Can you show us the rendered HTML/CSS code??
percentages would work better if you are open to changing your design.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial