Gretz to the drupal community, I am in the process of creating a theme for my first drupal project.
I have been creating the odd web page here and there for a few years and I have learned to use the conditional statements to target specific browsers when I come against the what seems at times endless differences in how css is rendered.
<!--[if IE 7]>
<link href="css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->After trying to search myself without finding much but a mobile theme module, I am curious if anyone knows of a module or technique that would allow a theme to have browser specific markup and css in an organized way. I guess the thing that bugs me is having to have ie6, safari, ff, and ie7 browser windows open and constantly hitting refresh.
Any insights into your workflow for cross browser development would be appreciated. I guess persistence seems to be the key for a complicated css theme.
Regards..imp7
Comments
The first thing to do is
The first thing to do is build using web standards. I would suggest xhtml strict for markup. If you build this way and write clean and simple css this will eliminate most of the browser issues except for ie6 and on occasion ie7. Unfortunately not much can be done about ie6, conditional statements like you mentioned above is probably the best way to deal with the little bugger.
Firebug (http://getfirebug.com) is pretty much my css editor, I see the changes as they are made so no need to refresh. One last tip is to deal with the standard complaint browsers first, if you decide to use firebug then that would be firefox. After you have it working in firefox then make the required adjustments to have it working in ie6/ie7.
Hope this was helpful...
Shawn
--
[ blog ] http://www.shalosophy.com
[ work ] http://www.gmndesign.com
Firebug
Firebug is too good to be true for debugging really. I can see exactley where the css is inherited from then open that css file in a new tab... insane!
I agree make it work in firefox first then work back to IE. I also found an interesting project to takle IE's inconsistencies http://code.google.com/p/ie7-js/