How to handle different Browsers

  • Thread starter Thread starter bryanfuller
  • Start date Start date
B

bryanfuller

Guest
I am currently design an website using CSS. I am trying to build drop down menus. All ok in IE but there is problem in Mozilla.
Any idea, or resources to handle this problem.
 
It's a good idea to build your website to work in Opera since it tends to stick most closely to the web standard. If it works ok in Opera you can be pretty sure it will work in any browser.

http://www.dynamicdrive.com/ is a good resource for web building with ready made menus you can use or dive into the guts of to see how they work.
 
You can also use BlueprintCSS as a CSS framework which offers superb cross platform support.

http://www.blueprintcss.org/

Takes a while to get used to and some people don't agree with the way it's structured and it's naming convention but I swear by it.
 
I forgot, use the w3.org website to validate your CSS code also, just in case and try and keep the code as minimal and well written as possible.
 
you can also use conditional CSS - serving one style sheet to one browser, and a second to other browsers etc..

Google "conditional CSS"
 
Richard King said:
you can also use conditional CSS - serving one style sheet to one browser, and a second to other browsers etc..

Google "conditional CSS"
Click to expand...

Only works for IE, which is useful in some ways.

Build for Opera/Firefox/Safari, then tweak for IE is the best way to develop sites.

It also helps if you post code or a link to the site/page where your having a problem so we can pin point any problems or potential problems that may cause any upsets.

:)
 
My answer does cover the original question.

One can also use PHP / JS, and browser sniff, to serve different CSS more accuratally.. the rest follows. In my experience, isolating IE 5/6 , 7 form all the other browsers usually does the trick, as these browser pose the most problems. There are some individuall CSS issues with safari, but they are easy to avoid
 
If using Firefox, I would recommend you download the "Web developer toolbar" and "firebug".

"IETester" is also quite useful to test site compatibilty with a line of previous Internet explorer versions.

Oh, and I agree with Richard King, a good conditional statement to load a different css file can work wonders when IE is giving you grief :)
 
Richard King said:
My answer does cover the original question.

One can also use PHP / JS, and browser sniff, to serve different CSS more accuratally.. the rest follows. In my experience, isolating IE 5/6 , 7 form all the other browsers usually does the trick, as these browser pose the most problems. There are some individuall CSS issues with safari, but they are easy to avoid
Click to expand...

Aye, although I personally would avoid 'browser sniffing' via PHP and JS as you can change the user agent of browsers to appear as something else.

:)

rocdamike said:
If using Firefox, I would recommend you download the "Web developer toolbar" and "firebug".

"IETester" is also quite useful to test site compatibilty with a line of previous Internet explorer versions.

Oh, and I agree with Richard King, a good conditional statement to load a different css file can work wonders when IE is giving you grief :)
Click to expand...

:thumbs:
 
You must log in or register to reply here.
Back
Top