Modal Popup Offset in website with Master Page

Hi.

I am using the Atlas modal popup tool in my website. However, the popup covers only the ContentPlaceHolder tag area and the other parts of the Master Page, namely the header and the leftcolumn (where I have menu options) are not covered. Curiously, the alpha filter seems to be offset by the area of the header and the leftcolumn. This really has me stumped. Any help would be deeply appreciated.

I am using tables to align my controls, but removing the Panel that is displayed as the modal popup from the table and placing it below the table seems to have no affect.

Thanks!

I think you'll findthis thread helpful.
Thanks for the link. It was helpful and I was able to sort my problem. The problem was that one of the div tags that wraps around all my content had the position set to "relative". A very basic error I guess, but I am a beginner after all!! Thanks again for the reply and link.

modal popup problem

hi, im having a problem on this ajax toolkit, i tried to play around the sample website of modal popup, and its working great..but then, when i tried to put the codes inside my page, it doesn't work. i placed it inside the tabs (with hand coded values) and tried to run it, the values went blank, and the link does not appear. i placed it outside, the wholepage went blank.whats seems to be the problem? is it ok for me to put it inside another ajax control like tabs?if yes, how can i achieve this? here is my code by the way

this is inside the tabs

1<cc1:TabContainer ID="Tabs" runat="server" Height="500" ScrollBars="Auto">23 <cc1:TabPanel runat="Server" ID="Panel3" HeaderText="Payslip" >4 <ContentTemplate>5 Email: <asp:TextBox ID="emailText" runat="server" />6 <br /><br />7 <asp:Button ID="Button2" runat="Server" Text="Save" />8 <br /><br />910 <asp:LinkButton ID="LinkButton1" runat="server" Text="Click here to change the paragraph style" />1112 <asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup">13 <asp:Panel ID="Panel3" runat="server" Style="cursor: move;background-color:#DDDDDD;border:solid 1px Gray;color:Black">14 <div>15 <p>Choose the paragraph style you would like:</p>16 </div>17 </asp:Panel>18 <div>19 <p>20 <input type="radio" name="Radio" id="RadioA" checked="checked"21 onclick="styleToSelect = 'sampleStyleA';" />22 <label for="RadioA" class="sampleStyleA"23 style="padding: 3px;">Sample paragraph text</label>24 </p>25 <p>26 <input type="radio" name="Radio" id="RadioB"27 onclick="styleToSelect = 'sampleStyleB';" />28 <label for="RadioB" class="sampleStyleB"29 style="padding: 3px;">Sample paragraph text</label>30 </p>31 <p>32 <input type="radio" name="Radio" id="RadioC"33 onclick="styleToSelect = 'sampleStyleC';" />34 <label for="RadioC" class="sampleStyleC"35 style="padding: 3px;">Sample paragraph text</label>36 </p>37 <p>38 <input type="radio" name="Radio" id="RadioD"39 onclick="styleToSelect = 'sampleStyleD';" />40 <label for="RadioD" class="sampleStyleD"41 style="padding: 3px;">Sample paragraph text</label>42 </p>43 <p style="text-align: center;">44 <asp:Button ID="OkButton" runat="server" Text="OK" />45 <asp:Button ID="CancelButton" runat="server" Text="Cancel" />46 </p>47 </div>48 </asp:Panel>4950 <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server"51 TargetControlID="LinkButton1"52 PopupControlID="Panel1"53 BackgroundCssClass="modalBackground"54 OkControlID="OkButton"55 CancelControlID="CancelButton"56 DropShadow="true"57 PopupDragHandleControlID="Panel3" />5859 Hit Save to cause a full postback.60 </ContentTemplate>61 </cc1:TabPanel>6263 <cc1:TabPanel runat="Server" ID="TabPanel1" HeaderText="Email" >64 <ContentTemplate>65 Email: <asp:TextBox ID="TextBox1" runat="server" />66 <br /><br />67 <asp:Button ID="Button4" runat="Server" Text="Save" />68 <br /><br />69 Hit Save to cause a full postback.70 </ContentTemplate>71 </cc1:TabPanel>7273 <cc1:TabPanel runat="Server" ID="TabPanel2" HeaderText="Email" >74 <ContentTemplate>75 Email: <asp:TextBox ID="TextBox2" runat="server" />76 <br /><br />77 <asp:Button ID="Button5" runat="Server" Text="Save" />78 <br /><br />79 Hit Save to cause a full postback.80 </ContentTemplate>81 </cc1:TabPanel>8283 <cc1:TabPanel runat="Server" ID="TabPanel3" HeaderText="Email" >84 <ContentTemplate>85 Email: <asp:TextBox ID="TextBox3" runat="server" />86 <br /><br />87 <asp:Button ID="Button6" runat="Server" Text="Save" />88 <br /><br />89 Hit Save to cause a full postback.90 </ContentTemplate>91 </cc1:TabPanel>92 </cc1:TabContainer>

Hi,

Please try to remove theDropShadow="true" in the ModalPopupExtender.