Different browsers displaying my page differently

[Bishop Zareh]

This is a common and consistently frustrating aspect of web design. Despite the HTML and CSS standard, each browser implements them slightly differently & it creates difference in the way each browser displays the information.

It is almost always because of some CSS property that is interpreted differently between browsers. Ultimately, you need to track down that CSS property.

Two resources that have helped me immesly in doing this are:
FireBug
https://getfirebug.com/
A firefox plugin that tells you exactly what styles are affecting a given element (use the “inspect” button)
and
QuirksMode
https://www.quirksmode.org/css/contents.html
A website that catalogues common CSS trouble tags & how different browsers react to them.

happy hunting!
Jameson

| Jameson Wallace
| Motion Graphics Festival
| New Motion + New Sound + New Code
| https://MGFest.com

[Mike Smith]

It will help you if you can get your design to validate – produce web-standards compliant code. At the moment you have a load of errors. When code is standards compliant, IE8 (and other browsers similarly)use a standards mode, which can give a decent representation of what you intended. When code is not compliant, IE8 uses a “quirks” or”compatibility” mode, where IE’s programmers attempt a best guess at what you meant. Each browser’s quirks handling can be quite different

The w3c validator is free, online, easy to use and helpful, at

https://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.creativeglass.co.za%2F

[Fernando Mol]

The site looks OK on FF and IE8 on Vista 64.

However, as Mike and Jameson says, there are some issues in your code. You’ll find them following the validation links they posted.

The DOCTYPE is particularly important.

I hope this helps

*Always share a link to your site and rate the posts. This is a free service for you and for us.

[Jana Van der merwe]

Thank you very much for the response guys. Will implement the validator and get my code standardized. Will also look at the DOCTYPE.

*happy*

Kind Regards,

Jana van der Merwe