“the j stands for Jump”
about me | wordpress plugins | jQuery plugins

22 September, 2009

Let’s Kill IE6

Filed under: Random Tech,Web Development — Tags: , , , , — John @ 11:29 pm

A great effort to get people to switch from IE6: Let’s Kill IE6.

I couldn’t find the CSS for this anywhere, so here’s what I’m using.
Note: you will probably also want this image.


/* ============== */
/* Let's Kill IE6 */
/* ============== */
#letskillie6 {
width:400px;
background:#2A2A2A;
color:#CCCCCC;
font-size:14px;
line-height:18px;
position:absolute;
left:34%;
}
#letskillie6 #letskillie6_close {
background:url(images/letskillie6.gif) no-repeat 0 0;
float:right;
height:15px;
width:0;
overflow:hidden;
padding-left:15px;
margin:5px;
}
#letskillie6 #letskillie6_close:hover {
background:url(images/letskillie6.gif) no-repeat 0 -15px;
}
#letskillie6 .content {
width:100%;
margin:0;
float:none;
}
#letskillie6 .content .pic {
background:url(images/letskillie6.gif) no-repeat -15px 0;
height:73px;
width:55px;
display:block;
float:left;
margin:10px;
}
#letskillie6 .content p {
margin-top:10px;
padding-right:10px;
}
#letskillie6 .content p.browsers {
padding:0 10px 15px 10px;
}
#letskillie6 .content p.meta {
display:none;
}
#letskillie6 .content p.browsers a {
display:block;
float:left;
height:16px;
padding-left:20px;
margin-left:11px;
color:#A8C634;
}
#letskillie6 .content p.browsers a.ie8 { background:url(images/letskillie6.gif) no-repeat -70px 0; }
#letskillie6 .content p.browsers a.firefox { background:url(images/letskillie6.gif) no-repeat -70px -16px; }
#letskillie6 .content p.browsers a.opera { background:url(images/letskillie6.gif) no-repeat -70px -32px; }
#letskillie6 .content p.browsers a.chrome { background:url(images/letskillie6.gif) no-repeat -70px -48px; }
#letskillie6 .content p.browsers a.safari { background:url(images/letskillie6.gif) no-repeat -70px -64px; }

No Comments »

:(

RSS feed for comments on this post. TrackBack URL

Leave a comment