I am writing my first Blog using Html&Css, Php And MySql.
While writing the “style.css” code I searched the web for any usefull tutorials and in every one I read: there was the same notes about Internet Explorer And Mac, such as:
/* IE5 Mac Hack \*/
/*/
#main-nav { padding-left: 11px; overflow: hidden; }
/* End Hack */
So I read some articles about IE issues with Css, and found great websites describing it like:
http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml
But, Even after reading so many articles\ websites, Im still a begginer who didnt totally understand how can I make sure that my Blog works on EVERY browser (such as IE5\6\7, chrome\ firefox\ mozilla\ opera .. etc.) ?!
Is there a common Browser\Css issues that I have to cover (take care of) ?
Thanks in advance.
Short of writing code for every browser known to man, on every OS there is no way to fool proof your CSS/HTML or other client-side scripting to work one every browser exactly the same, I don’t care if your on Mac, Linux, Microsoft, Chrominum, other. Each OS has its own quirks as does each browser and browser version for each OS.
However like someone else pointed out, short of you doing some really elaborate things, almost all standard CSS x.x and HTML x.x and JavaScript will work on all browsers old and new just fine, you will run into the occasional hiccup sure, but again theres no way around that, and in my time as a developer its my opinion to avoid css “hacks” as a measure of trying to compensate for every browsers needs where they come up short and use browser detection via php/javascript and serve up an alternative version of the problem specific to that browsers support.
Also make it known on your site somewhere what browsers you support with your development. If your just starting out and learning most docs you will find will cover CSS3 and CSS2 the later years.. and HTML5 (which is pretty much the same thing as 4 with some enhancements). So with that its almost easy to say learning in this day you will likely easily support IE 8+, Chrome 10+, Firefox 4+, Opera 8+.. and with that your biggest throne in the side will be people still using IE 7, or firefox 3-13.5
As for the common issues, thats a tough one. Though I think the biggest one is the Position styling. When it comes to fixed and absolute as IE for example doesn’t like fixed position or is it absolute, its one or the other. But usually anything that deals with detattching the elements from the flow of the DOM are the common ones.. Also margins and paddings are handled differently in some older browsers. All in all if you worry yourself to much about css/html and other client-side scripts and supporting as many browsers as possible you will end up with a very monotone site, and will end up in an asylum from having a break down. Pick a set of browsers, support those and up, and save yourself some headache.