tags:

views:

15

answers:

0

i am working on a shopping site. i am using a div tag where when i add on a product it is getting added to shopping basket in that div,which i am displaying it on top right cornor. in this, i have given View All link when user clicks on this it will rediredted to details of shopping page.

when there are more than two or three products then a scroll bar will get displayed.

My problem is when scroll bar is displaying,the View All link is getting inside of scroll bar,means when i scroll then only it is visible.

i want to fix the position of View All link. hope you understand my problem. my aspx page

<div id="shoppingbasketdiv" style="overflow: auto; height: 90px; width: 250px;" >

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td class="small_text" align="center">
                <asp:Label ID="lblMsg" runat="server" Text="0 Items"></asp:Label>
            </td>
        </tr>
        <tr>
            <td>
                <asp:DataList Height="100%" Width="100%" ID="datalistShoppingBasket" runat="server"
                    CellPadding="0" CellSpacing="0" OnItemDataBound="datalistShoppingBasket_ItemDataBound">
                    <ItemTemplate>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="70%" height="20" class="small_text">
                                    <asp:Label ID="lblProductId" runat="server" Text='<%# Eval("ProductId") %>' Visible="false" />
                                    <asp:Label ID="lblTitle" runat="server" Text='<%# Eval("ProductName") %>' />
                                </td>
                                <td width="30%" height="20" class="small_text" style="padding-left: 20px;">
                                    $
                                    <asp:Label ID="lblPrice" runat="server" Text='<%# Eval("TotalPrice") %>' />
                                </td>
                            </tr>
                        </table>
                    </ItemTemplate>
                </asp:DataList>

            </td>
        </tr>
        <tr>
            <td height="2" class="doted_line">
            </td>
        </tr>
        <tr>
            <td>
                <asp:Panel ID="pnlTotal" runat="server">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td height="20" width="70%" class="small_text">
                                Total
                            </td>
                            <td width="33%" height="20" class="small_text" style="padding-left: 23px;">
                                $<asp:Label ID="lblAmt" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <td align="center" colspan="2">
                                <a href="ShoppingCart.aspx" onclick="setCookie(0)">
                                    <img src="images/view_link.jpg" width="96" height="19" border="0" /></a>
                            </td>
                        </tr>
                    </table>
                </asp:Panel>
            </td>
        </tr>
    </table>