Printable Version of Topic

Posted by: icanswim70 Aug 22 2019, 08:28 AM

Hey everyone,

my site is almost ready to launch, but have to fix browser compatibility. I wrote the site with Firefox in mind, so it looks great on that browser, however (and not surprisingly) IE has something else to say about it, and i'm assuming Chrome won't like the site much either, same with Safari.

When making a site friendly across all platforms what does it need?

(Note I wrote the site using HTML and CSS only)

*if anyone wants to see the site to get an idea drop your email*

Thanks!

Posted by: Darin McGrew Aug 22 2019, 12:25 PM

It isn't so much about what you need to add to a site to make it work across varied platforms. It's more about NOT adding things that lock it into a specific browsing environment.

Or you could post the URL (address) so everyone can take a look.

In the meantime, see the FAQ entry "http://htmlhelp.com/faq/html/basics.html#error-check"

Posted by: icanswim70 Aug 22 2019, 01:19 PM

Thanks for the reply! I have been looking for specifics as far as what browsers prefer what, and there's no real concrete list, hence my post. I notice browsers aren't too fond of teh grayscale() filter (Firefox being the exception as mentioned above)

As for the url, I don't have one, the files are stored locally right now, I want it to be as solid as possible before it gets launched (at that point i'll get the domain and find a web host)

I put it all on google drive to share, hence the email.

Posted by: pandy Aug 23 2019, 12:52 AM

The days of browser specific features are over. Now it's about web standards. The problems occur when you use feature that haven't got a widespread browser support yet or experimental features suggested and supported by only a specific browser.

Stick to standards HTML and CSS, see to that the pages runs in Standards Mode and avoid the newest and more experimental stuff and validate and you should be all set. Of course, there still are bugs, but not as many as there used to be.

Here are a couple of pages where you can check for browser support.
http://www.quirksmode.org/compatibility.html
https://caniuse.com/

Also download all browsers you can run on your computer and check in them for yourself.

Posted by: Darin McGrew Aug 23 2019, 01:13 PM

Also, be sure to check with various browser configurations in addition to various browsers: large minimum font size, narrow browser windows, overriding page colors and background images, JavaScript disabled (see plugins like NoScript), etc.

Posted by: Ivy Crawford Nov 4 2019, 05:55 AM

Yeah, try not to experiment here, in your case they are not the best choice, listen to pandy and go for the HTML and CSS standards. And don't forget to check with different browser configurations.