Hi,

I am extending one of the starter kits with VS2008 and 3.5 .net and I am running into a vexing problem.   Whenever I have a gridview that displays X number of rows it will get displayed over the footer.  Meaning that the master page does not stretch out to accomodate the bigger volume of rows in the gridview.  If I put the gridview in a table cell <td> with a real big height like 1200px then the surrounding master page stretches out.  How do I get the master page to "stretch" to fit the dynamic content of the gridview?  I really dont want to have a td with a giant height.  Any help or advice is greatly appreciated!  Thanks in advance.

slp

I haven't looked deeply at the starter kits but I'm guessing that the reason it is displaying over the footer is because the gridview is contained in an element that is either set to float or is positioned absolutely.  If it's floating then the solution is pretty easy.  You could set the footer's style to "clear: both;".  If it's positioned absolutely then it will be a lot more difficult.  Let's check for floating first.

Hi,

slprince:

Meaning that the master page does not stretch out to accomodate the bigger volume of rows in the gridview.  If I put the gridview in a table cell <td> with a real big height like 1200px then the surrounding master page stretches out.  How do I get the master page to "stretch" to fit the dynamic content of the gridview? 

In fact, the contentplaceholder that is in the master page defines a region of the master page rendering that can be substituted with content from a page associated to the master, and its size can stretch according to the content page's size.

If you put the contentplaceholder in a div or td, please do not set the div or td's absolute size, or else the contentplaseholder cannot stretched according to the content page's size.

Hope it helps.

I think this will be useful to u

http://dflorence25.blogspot.com/2008/02/master-pages-in-aspnet-20.html

Amanda,

Thank you for the reply.  I had to come up with a home grown solution, if you will.  I had to do it thru javascript.  Basically when the dynamic gridview loads I extend the height out of the div columns with the following javascript call:

function AdjustColumnsHeightForDynamicContent()
        {
            if(document.getElementById('<%=hdnBool.ClientID%>').value ==0)
            {
                // get a reference to the three DIVS that make up the columns
                var centerCol = window.document.getElementById('centercol');
                var leftCol = window.document.getElementById('leftcol');
                var rightCol = window.document.getElementById('rightcol');
                // calculate the max height
                var hCenterCol = centerCol.offsetHeight;
                var hLeftCol = leftCol.offsetHeight;
                var hRightCol = rightCol.offsetHeight;
                var maxHeight = Math.max(hCenterCol, Math.max(hLeftCol, hRightCol));
                // set the height of all 3 DIVS to the max height
                centerCol.style.height = (maxHeight + eval(document.getElementById('<%=txtHidden.ClientID%>').value)) + 'px';
                leftCol.style.height = (maxHeight + eval(document.getElementById('<%=txtHidden.ClientID%>').value)) + 'px';
                rightCol.style.height = (maxHeight + eval(document.getElementById('<%=txtHidden.ClientID%>').value)) + 'px';          
                // Show the footer
                window.document.getElementById('footer').style.visibility = 'inherit';
                document.getElementById('<%=hdnBool.ClientID%>').value = 1;
            }
        }

Thank you for the suggestion.  I tried that and it did not work for my particular situation.  See my solution in the reply to Amanda. 

 Just a quick comment. This overlapping is probably related to CSS. If you add  

overflow: auto

I'd be interesting in hearing if it works.

Good luck,

Sam