Imar,

I just completed the last Try It out for chapter 16 that started on page 586. Everything worked as expected while running the Default.aspx page from the PhotoAlbums folder, but I did notice that in albums that contained only one or two picture or when viewing the last page of a larger album, that the DataPager that was added back in chapter 13 on page 469 and the PlaceHolder that contains the Album's creator and bio floated up and to the right.

I checked the official Planet Wrox website online and it didn't exhibit this behavior. For every album there, both the DataPager and PlaceHolders remained in a constant position at the bottom of the page above the footer.

My idea to resolve this would be to put both the DataPager and PlaceHolder in a div that leverages a CSS class that keeps it in a constant position, however I'm not sure if the DataPager can be removed from within the <LayoutTemplate> tags. Any insight would be greatly appreciated.

Thanks,

John

Imar,

After looking into this further, it appears to be yet another problem with IE 8. When I ran the page with Compatibility View on, the DataPager and PlaceHolder remained just above the footer regardless of the albums size.

John

Hi John,

If I understand you correctly, the live site has the same problem, right?

You can add a clear: both style on the div that surrounds the pager:

<div style="clear: both;">
<asp:DataPager ID="DataPager1" runat="server" PageSize="3">
<Fields>
<asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowLastPageButton="True" />
</Fields>
</asp:DataPager>
</div>

This creates a break before the pager and puts it on its own line, below the pictures.

Hope this helps and is what you're after. If not, please let me know.

Cheers,

Imar

__________________
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Follow me on Twitter

Author of Beginning ASP.NET 4.5 : in C# and VB, Beginning ASP.NET Web Pages with WebMatrix
and Beginning ASP.NET 4 : in C# and VB.
Did this post help you? Click the button below this post to show your appreciation!

Imar,

Yes, the same problem impacts the live site, but only if you are viewing it with IE 8. Your solution of adding style="clear: both;" to the div that contains the DataPager resolved the issue regardless if your running IE 8 with Compatibility View on or off. As always thanks for all your help with my questions.

Thanks,

John