Dec 04, 2006 11:41 AM|buegelfalte|LINK
I've been trying to position the ModalPopup in IE7 the whole day now and can't get it to work ...
I placed the panel in my design.master page (used by a whole load of pages), right after the "<form>"-tag and the ScriptManager.
(<asp:Panel ID="PaCancel" runat="server">)
Inside I have a table and two buttons.
As I have several buttons and links on the page that should trigger the ModalPopup, I go through the page recursively, collecting all controls with a special name, after that I create the extenders for the links:
foreach (Control ctrl in myMPE)
AjaxControlToolkit.ModalPopupExtender mpe = new AjaxControlToolkit.ModalPopupExtender();
mpe.ID = "MPE_" + ctrl.ID;
mpe.TargetControlID = ctrl.ID;
mpe.PopupControlID = "PaCancel";
mpe.DropShadow = true;
mpe.BackgroundCssClass = "modalback";
mpe.CancelControlID = "IbReturn";
Works great in Firefox and Netscape. In Opera, the Panel will be at the top of the page, centered horizontally.
But now IE7: the Panel is centered around the coordinates 0/0, so all I see is the lower right quarter of the Panel, there is NO way (with CSS, style, etc.) to reposition it, as soon as I remove the extenders, the Panel is just where I want it to be.
I've tried everything imaginable but can't get the Panel (which is the ModalPopup) to appear in the center of the page, blurring the background with grey/70%-opacity, just as it does in Firefox and Netscape ...
Hope anybody can help me out, I'm tired and completely lost :(