Solved

All browsers on one machine don't render my page properly but on other computers it looks fine

Posted on 2011-09-09
7
208 Views
Last Modified: 2012-05-12
I have a web application that is used on iPad, PC, Mac, etc - so we test on a variety of browsers. Recently we added a layer that has a small calendar done in a table. We use the same CSS as the rest of the page, so it appears correct and works fine across IE, FF, Safari, Chrome - and on various machines.

One of our clients has an HP PC and the table is not rendering the correct width, border lines are clear and the text settings are dropped. This happens on ALL browsers on the machine. What settings can impact all browsers on the machine?

We have reset the computer theme to factory Windows 7 theme, tried FF with plugins disabled, etc - something is causing this to display in an odd way. The video card is an ATI card from HP.  

I need to know what could cause this behavior on all browsers.  The strange thing is that there is another table on the page that displays properly. I've validated the code. Because it's cross browser and only that machine I'm thinking there is some other setting that is causing it.
0
Comment
Question by:bearcoder
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
7 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 36512901
Can you share a live link?
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 36512930
Occasionally we have questions here where something is blocking either CSS or javascript files from loading.  A link would be nice so we could check the page.
0
 
LVL 1

Author Comment

by:bearcoder
ID: 36513998
Unfortunately the system is protected and has client data in it. I need to make a copy of it first. It's really looking like the CSS is getting dropped - but only on that one machine and for all browsers. I'm thinking that something with javascript may be causing it since the site is just a php site with a few javascript calls. I'll try to create a public viewable version and post.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 44

Expert Comment

by:scrathcyboy
ID: 36514772
If the problem developed when you added a layer, you need to check the versions of each browser on the problem system.  You will find that the browser versions are different (older than?) the ones on the systems that are working.  Else with tablets, it is in the specific emulation software for the platform.
0
 
LVL 1

Accepted Solution

by:
TechDaddyK earned 500 total points
ID: 36516224
I've seen this behavior when the user has adjusted the icon display settings in Windows, or when they use a utility from the graphics chip manufacturer to increase the size of everything on the screen. Usually it happens when people have large high-resolution monitors and bad eyes (like me!).
0
 
LVL 1

Author Comment

by:bearcoder
ID: 36516499
The issue was only present on one computer - and on all browsers. That is what was frustrating. We reset the ATI drivers and settings and it resolved itself.
0
 
LVL 1

Author Closing Comment

by:bearcoder
ID: 36516505
Thank you all for your comments and suggestions. We thought it may have been the layer, but had checked the versions on the problem machine. Cleared add-ons in all browsers, etc. The fact it was one machine and all browsers led us down this path - to find the driver/settings on the graphics. We had tried them before, but ended up re-installing to get the wierdness fixed.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question