Jon Rohan

I wanted to share with you my preferred method of targeting CSS to IE6.

Conditional Comments


<!-- This is the main stylesheet -->
<link rel="stylesheet" href="http://www.example.com/css/global.css" type="text/css" media="screen" />
<!--[if IE 6]>
<!-- This contains ie6 specific overrides -->
<link rel="stylesheet" href="http://www.example.com/css/ie6.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 7]>
<!-- This contains ie7 specific overrides -->
<link rel="stylesheet" href="http://www.example.com/css/ie7.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 8]>
<!-- This contains ie8 specific overrides -->
<link rel="stylesheet" href="http://www.example.com/css/ie8.css" type="text/css" media="screen" />
<![endif]-->


I prefer this method because it keeps the CSS cleaner, and when the apocalypse hits and IE6 is no longer relevant it's easy to remove code specific to IE6.

The idea behind this method is, you would write your code how you normally would for any standards compliant browser. Then you would go back and in the ie6.css sheet you would add "overrides". Because CSS (Cascading Style Sheets) is by design built so that style classes lower on the page take higher priority, this should fix your issue.

So you would put something like this in your global.css

.textarea {
border: 1px solid #000;
padding: 3px 5px;
margin: 5px;
}


and you would put this in your ie6.css

.textarea {
border: 1px solid #FF0000;
}


The margin and padding properties are inherited so all you are changing is the border color. And it only occurs in IE6 because of the Conditional Comments.

What is your preferred IE targeting method? Leave a comment below.

Some of my closer friends have heard that I'm leaving Cake Financial. I am not making this decision because of any problems working with the Cake crew. I have learned a great deal about myself and have grown in the short time I worked there. This is a great company and a great group of people that I know will succeed and become a successful company.

I have accepted a Front End Engineer position with Ning. Another great company that is doing exciting things. I don't start until next week, I'll try and write a post about my week after that and give more insight.

Has anyone out there left a job that they had a hard time leaving?

• read at least 4 books
• learn a new programming language
• write an iphone app
• work on more projects with friends
• learn to meditate
• reduce debt by at least 30%
• reduce power use/carbon footprint
• get rid of more useless junk in my place
• go to more social networking events

Is it too late to ask for something for christmas?

[via paravnaiv]

For christmas I got myself a Time Capsule now I'm in a backup frenzy.

Here's my setup:

I have a G5 iMac that I use to store all my photos, music, videos. I use a Mac Book Pro as my primary use computer, and Teresa uses an iBook. Setting up the time machine backup was a snap. Just plug-in the time capsule and a way we go. But Teresa brought up a good point, what if there's a fire? So I found a solution to keep our photos safe.

I back up our photos to flickr with PhotoCopy. It lets you organize your photos in iPhoto and keep them synced with flickr. The one bad thing I have to say about it is that for some reason it doesn't sync deletions.

The third part of the syncing is having the same photo library on the three different machines. For that I'm using Chronosync. I keep the working copy on my new time capsule, and sync between the other iPhoto instances.

So far it's working but got lots to backup.