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