Tips on IE6 and IE7

With the release of Internet Explorer 7 the rendering engine of the most widely used browser has changed. Some of our customers reported display issues with our controls. Some of them were bugs in our controls (both in the internal rendering implementation and skins) other were problems with custom defined skins or page layout. In 5 cases out of 10 the problem was due to one of the following reasons:

1. IE7 no longer accepts CSS attributes starting with underscore. Using underscores was a widely used CSS hack to circumvent rendering issues in IE6. Here is a quick example to illustrate the underscore hack:
   
   The following CSS rule would be applied in IE6 (the background would be red) but wont be applied in IE7 (background stays white):
   
   <style>
   .myDiv
   {
   _background-color: red;
   }
   </style>
   
   <div class=myDiv>Test Content</div>
   
2. Width and height are now interpreted according the W3C specification they fix the size of an element and it cannot grow. In IE6 width and height were treated as min-widh and min-height from the W3C specification. In IE6 an element whose width and height properties are set would stretch to accommodate its content (provided the content exceeds the specified dimensions).

You can find here a KB article with more detailed info and screenshots.

Get more information

Can't find what you're looking for? Try Google Search!

	Web eshwar123.blogspot.com