Jump to content

Recommended Posts

Hello everyone!

 

I have just finished my first HTML/CSS class, so I have a lot left to learn. One of the unfortunate things that was not covered at all in my class was cross-browser compatability. I made my website where it looked good in Chrome, but had things broken in IE and FireFox. A friend suggested I try converting some of my 'loose html5 coding' to the more strict XHTML. 

 

Any feedback or suggestions would be very welcome overall, and specifically checking how this looks across browsers. I'm currently at work where I'm stuck using Win XP with IE7. It looks so broken on IE 7 I wouldn't know where to start.

 

www.rusticspices.com/ (original project)

 

www.rusticspices.com/xhtmltest.html (testing xhtml changes)

 

Link to comment
https://forums.phpfreaks.com/topic/287343-cross-browser-compatability/
Share on other sites

You're probably right.  HTML5 wasn't around when IE7 was created.  Here is a helpful site for different versions: http://quirksmode.org.  There are several tags and CSS selectors that don't work on IE7.

Edited by possien

Another approach would be to use Modernizr : http://modernizr.com/ which lends itself to support older browser versions.

 

I also found out when dabbling with JavaScript to use a library (I know I'm going to get slammed by JavaScript purists) such as JQuery, that way what looks good in Firefox looks good in Chrome, etc...(Well, 99 percent of the time). Another thing I  have learned over the last couple of years is even though I might be writing in HTML5, I still write as if I'm using a stricter mode of HTML (one of my first college instructors even taught that way). This lends to writing cleaner code in the long run and staying away from bad habits that HTML5 tends to lend itself to in my opinion. 

Edited by Strider64
  • 3 weeks later...
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.