Hi, Just had a web designer create this site http://loseanaccent.com". I don't know if it's just me or a general problem. But it displays terribly on IE. It's best on chrome and firefox. But here's the thing: how the elements are rendered seems to depend on both the browser and the OS (Mac or Windows). It's a wordpress based site. Isn't wordpress supposed to take care of the problem? Or is the lack of skill on the part of the designer? Please help. I am confused here. Thanks, JK
It doesn't look dreadful here in IE8 on a PC but there are 18 Errors, 11 warnings according to the W3C HTML Valdiator and 90 errors with 2 warnings in the CSS according to the W3C CSS Validator. Wordpress is a piece of software the was built for blogging but can be used as a content management system. It doesn't fix designer/developer coding errors in the theme. FYI: this theme uses HTML 5 which is not a formal standard yet even though the Wordpress default theme uses it. Different browsers and different operating systems will render the page differently. For font, if you select a font that is available for both Windows and Macs that helps. When you select a font that is not available for the other operating system or not on the user's machine at all, the browser just replaces it with what ever it's default font is. While you are having them fix it, there are no heading tags used either. You need these for search engine optimization and easy scanning.
Your web designers should be checking your website in all the browsers and under all the conditions you require. If they aren't doing so, don't pay them. I always test for Firefox, Chrome, IE7 & IE8 as minimum requirements. I also check code with the W3C validator. Using HTML5 isn't the smartest thing to do, since it isn't officially finished, and most browsers don't support many of the features. To use it (and have IE8 see it correctly) you need to add outside scripts. Even IE9 doesn't support HTML5 completely yet, and that hasn't officially been released either.
Remember different browser give different result. You must check your css or maybe you can uses css template resetter.
Most likely it is a template/theme/design issue. So many browsers these days what looks good in one looks terrible in another. Usually it is older browsers that have a problem though like ie6 and ie7. Newer browsers are usually alright. Contact the designer and ask them about compatibility.