• .NET Mobile

    Why Is Your Web Page Not Behaving as Expected – Troubleshooting Web Page Scripts

    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...
  • .NET Mobile

    Browser Inconsistencies with Scrolling and Padding

    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...