permalink

Quick Hacks - Internet Explores CSS and More

Sometimes we want IE 6 buggy CSS to behave and work, the easiest way is this one:

1. Set the baseline for the screen

* {margin:0;padding:0;}

2. Send IE 6+ the CSS instructions it needs, let the rest of the browsers carry on. I use the pound trick #, the exclamation mark trick is similar, but I find the # very straigh forward and it adheres to the KISS philosophy =)

#container-class dt {

background-color: #b8d3e1;
color: #000000;
padding: 5px 9px 5px 9px ;
margin: 1px 1px 1px 1px;
#margin: 7px 1px 1px 1px; /* only IE 6+ uses this one! */

}

Hope this tips help you out… wondering would IE 8 play nice with this hack?!

3. A freeby, the lovely fix the floating mess hack.

.clearer {clear:both;}

See ya.

Share |
blog comments powered by Disqus

Notes