In addition to the HeightOffset change from the other thread, make the following adjustments:
Open App_Data\JavaScript\Skinning.js and find the SplitterLoaded function, it should look like this:
function SplitterLoaded(splitter)
{
NavigateToHash();
var documentObj = GetDocumentObj();
var splitSize = documentObj.clientHeight;
splitSize = AdjustForSize(splitSize, 'PageHeader');
splitSize = AdjustForSize(splitSize, 'PageFooter');
splitter.Resize(documentObj.clientWidth, splitSize - 1);
splitter.Resize(documentObj.clientWidth, splitSize);
}
Copy this function, and paste it into App_Themes\Your_Theme\JavaScript\Skin.js
Modify these two lines in the Skin.js file:
splitter.Resize(documentObj.clientWidth, splitSize - 1 - x);
splitter.Resize(documentObj.clientWidth, splitSize - x);
Where x is the height of the div you added at the top. This should be the same value that you added to the HeightOffset value.
I apologize that you have been having a tough time skinning our products. We tried to make things as easy as possible, but trying to take into account all the changes people are going to make is a tough task. Between that and the fact that our web interfaces are extremely complex, it unfortunately means the skinning is a bit harder than we would have liked.