Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

getting lost with browser compatibility

Featured Replies

hi everyone,

 

I am getting lost with browser compatibility, for a site to be "css stable" and provide a professional result,

wich browser version should i bother with, concerning IE and FF?

 

Thanks

I always find that while coding if you keep checking the site with firefox and IE6 then it will look right in most other major browsers. Sometimes there might be a few small problems with IE7 but these can normally be quickly ironed out.

 

 

Browser compatibility is evil and each designer had their own way of coping so I am sure you will get a few more tips in this thread :)

  • Author

Thanks a million man, i was really starting to loose my head with this one :D

Ditto to what Dizi said.

 

Assuming you're running Windows download IE7, Firefox (latest), Opera (latest) and Safari so you can test your sites in all of them. You can check your site in IE6 using one of the online browser testing sites or you can set it up on your machine if you want to use the Virtual machine method.

 

Normally if you build for Firefox first you'll find that Opera and Safari don't have any major problems, IE7 is usually fine but may need the odd tweeak as Dizi said, but it's IE6 that's the big one to get right.

This is copied from Wikipedia.

 

Trident-based browsers

  • AOL Explorer
  • Avant Browser
  • Bento Browser (Built into Winamp)
  • Enigma
  • Internet Explorer
  • Maxthon
  • Slim Browser
  • NeoPlanet
  • NetCaptor
  • Yahoo! Browser (or partnership browsers eg. "AT&T Yahoo! Browser"; "Verizon Yahoo! Browser"; "BT Yahoo! Browser" etc.)
  • iRider
  • Smart Bro
  • UltraBrowser
  • Runecats Explorer

 

Gecko-based browsers

  • AT&T Pogo (based on Firefox)
  • Beonex Communicator
  • Camino for Mac OS X (formerly Chimera)
  • CompuServe
  • Conkeror
  • DocZilla, an SGML browser
  • Epiphany, GNOME's current default browser
  • Flock (based on Firefox)
  • Galeon, GNOME's former default browser
  • GNU IceCat, GNU's free fork of Firefox
  • K-Meleon for Windows
  • K-MeleonCCF for Windows (based on K-Meleon)
  • K-Ninja for Windows (based on K-Meleon)
  • Kazehakase, a very light GTK2 web browser for GNU/Linux
  • Kirix Strata, a web browser designed for data analytics
  • Madfox (based on Firefox)
  • ManyOne
  • Mozilla Application Suite
  • Mozilla Firefox (formerly Firebird and Phoenix)
  • Netscape (Netscape 6 to Netscape Navigator 9)
  • SeaMonkey (successor to Mozilla Application Suite)
  • Songbird (based on Firefox)
  • Skipstone
  • XeroBank Browser (formerly Torpark), portable browser for anonymous browsing

 

KHTML and WebKit-based browsers

 

  • ABrowse
  • Web Browser for Android (mobile device platform)
  • Arora
  • Epiphany, GNOME's current default browser (2.26+)
  • Google Chrome
  • iCab (version 4 uses WebKit; earlier versions used its own rendering engine)
  • Konqueror
  • OmniWeb
  • Origyn (for embedded devices [1])
  • Safari
  • Shiira
  • Skipstone
  • Sputnik for MorphOS (based on S60 WebCore)
  • Midori
  • Swift
  • Web Browser for S60 (for mobile)

 

Those are the three main browser engines (with the exception of Opera which you should get). In general if your website works on one browser under a category it should work for most. So grab one from each and test.

 

I've highlighted in green the browsers that I personally think are worthy of taking into consideration! You'll also want to use something similar to browsershots.org to visually see your site under different browsers/platforms.

^ good post.

 

Personally I design/code for FF and frequently test in IE6 and IE8 (checking the backwards compat mode). Then I use browser-shots to check the rest, but if you've got clean code and it works in those then it SHOULD ;) work in most.

  • Author

thank you all , that was very helpfull...

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.