Design News:
IE6 CSS Fixer tool
This CSS tool lets you enter your IE6 tripping CSS code, and attempts to apply known fixes to automatically correct the issues. To be fair, the author clearly states its limitations.
Comments (6)
Wow!
Exactly what I would have said 5 YEARS AGO!
Now, in 2009, what I feel like saying is…who gives a shit?
Like finding a few squares of toilet paper in your pocket minutes after you’ve already been forced to ummm….“make other arrangements” I wonder who would think a whole site (other than an article and blurb) is necessary. Oh well, welcome to the 21st century, bub!
Now, in 2009, what I feel like saying is…who gives a shit?
Those 20% of all internet users still working with ie6. That’s who. And all decent web professionals trying to do a good job instead of making sites that look good in one browser and look like abstract art in others.
Great tool, still many people use IE6, and developers of best websites, who want maximum users, surfing with all versions of browsers should check compatibility of their applications
It’s actually a bit more than 20% in my experience, but Internet “users” wouldnt be using a development tool.
Web developers already know this stuff.
But dont pay anybody any mind, the important thing is that you’re happy with it :)
quote from Mark:” Now, in 2009, what I feel like saying is…who gives a shit? ” ..... I do :)
body {
width: 100%;
margin: 0px;
}
.clr {
clear: left;
}
#Left {
float: left;
width: 209px;
background-repeat: repeat-y;
background-position: right;
background-image: url(../../leftbg.jpg);
background-color: #E4E4E4;
padding-right: 7px;
padding-left: 7px;
display:inline
}
#header_m {
background-image: url(../../header_m2.jpg);
height: 288px;
width: 296px;
position: absolute;
left: 30%;
z-index: 1;
}
#Wrapper2 {
width: auto;
background-repeat: repeat-y;
background-position: right;
background-image: url(../../wrapper2bg.jpg);
}
#Footer {
height: 96px;
position: absolute;
background-image: url(../../footer_m.jpg);
background-repeat: repeat-x;
width: 100%;
}
#footer_r {
background-image: url(../../footer_r.jpg);
background-repeat: no-repeat;
float: right;
height: 96px;
width: 14px;
display:inline
}
#footer_l {
background-image: url(../../footer_l.jpg);
background-repeat: no-repeat;
float: left;
height: 96px;
width: 222px;
display:inline
}
#Content {
margin-left: 221px;
width: auto;
padding-left: 10px;
background-repeat: repeat-y;
background-position: left;
padding-right: 15px;
background-color: #FFFFFF;
margin-right: 22px;
height: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
background-image: url(../../leftbg.jpg);
}
#Mainarea {
height: auto;
width: auto;
background-image: url(../../mainareabg.jpg);
background-repeat: repeat-y;
background-position: left;
}
#RightBg {
background-image: url(../../wrapper2bg.jpg);
background-repeat: repeat-y;
width: 14px;
position: absolute;
height: 2%;
right: -2px;
overflow: hidden;
zoom:1;
}
#Wrapper {
width: 100%;
border: thin solid #CCCCCC;
}
#Header {
height: 288px;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(../../header_m.jpg);
position: relative;
zoom:1;
background-repeat: repeat-x;
}
#Header_l {
height: 288px;
width: 239px;
position: absolute;
background-image: url(../../header_l.jpg);
float: left;
display:inline
}
#Header_r {
background-image: url(../../header_r.jpg);
float: right;
height: 288px;
width: 229px;
background-repeat: repeat;
z-index: 5;
display:inline
}
#Menu {
position: absolute;
left: 20px;
top: 140px;
height: 140px;
width: 200px;
overflow: hidden;
zoom:1;
}
#TopMenu {
height: 80px;
width: 150px;
position: absolute;
top: 18px;
overflow: hidden;
right: 80px;
zoom:1;
}
#Footernote {
height: 60px;
width: 73%;
position: absolute;
left: 225px;
top: 25px;
overflow: hidden;
zoom:1;
}