• In my last blog post of this series I covered the element inspector and network resources tab of modern day web browsers’ developer tools. Although there is a large set of what I like to call “modern” web browsers out there I decided to only take a look at three of them; Chrome, Firefox and Internet Explorer 9.

    Today I want to continue this series and cover another useful aspect of web development tools – the Scripts tab. This tab not only allows you to inspect all of the JavaScript that has been downloaded to the client, it also allows you to...

  • The other day I was researching a slight RadGrid header and data cell misalignment when using scrolling with static headers. Finally, it turned out that there is a breaking change in the way Firefox 3 treat scrollable elements with an applied padding style. To be more specific, this browser version does not include the padding zone into the scrollable area, and as a result, the inner area of the element becomes smaller. Safari 2 and 3 behave the same way.

    Here is a very simple testing scenario:

     

    <div style="width:400px"
        <div style="width:100px;padding-right:300px;background:orange;overflow:auto"
            <div style="width:500px;height:100px;background:yellow">&nbsp;</div> 
        </div> 
    </div> 
     

     

    The above HTML code will be displayed by Firefox 3, Firefox 2, IE7, Opera 9 and Safari...

Product Families