Why sites look different on different browsers

Different operating systems and browsers render the buttons on forms and text boxes completely differently. On a PC, default submit buttons are square and pretty flat looking, on a Mac the default submit buttons are nicely shaded ovals with a gradient.

For example, a submit button can look like a gray rectangle on your Windows Classic theme, and like an oval if you use the XP style. As a workaround, you can create custom buttons for your website. Display resolution is affecting quite a lot the way a website is displayed. To fix this, you should not use static dimensions for your website, i. This will not fix all issues but at least will make the page fit into the screen. Furthermore, most monitors have color settings independent of the computer's graphics card.

This creates even more variables in how colors appear on screen. The display resolution setting of a monitor affects the appearance of a web page as well. As a rule, we design sites to display optimally on a setting of x and up. Pages will not display optimally at lower resolutions. However, if a site is designed for, say, x resolution, it may not display properly on lower resolution monitors.

A user's operating system, installed fonts, and browser type all have an impact on how a web page displays. Some of the issues and manifestations get rather technical and specific, but here are a few common issues. Certain elements on website forms sometimes appear differently to Mac and PC users, select boxes in particular. This issue can be overcome with a properly customized design. ClearType , Microsoft's advanced software for sub-pixel rendering , displays fonts with an ultra high level of smoothness and sharpness.

Depending on whether a user has ClearType on or off, fonts will display sharply, or not as sharply. Mac users have an LCD font smoothing setting which affects the appearance of fonts, again creating a difference in visualization. Websites are designed, or should be, with what are called " font stacks.

How the stack matches up to the computer's fonts determines how a website will be seen on that device. Browser differences are probably the biggest culprit in web display inconsistency. There are going to be plenty of exciting developments to cover in the coming year. Likewise, internet explorer, and chrome, f11 key is used for terning full-screen on and off. If jaws would also speak this change, it will be grate benefit for the people.

Skip to content. Main Main. What causes it? Previous: Extending Our Reach.