Iframe content causing ribbon controls to fail.

Question

I have an iframe in one of my application pages and whenever I load that page, all the ribbon controls i.e. the Site Actions menu and the User menu dont work. I mean when I click on them nothing happens. After a while I realized they were hidden behind the
iframe. I tried using the Jquery bgiframe plugin on the ribbon container but that didn't work either. This is what my application page looks like:
<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
<%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls"
Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Import Namespace="Microsoft.SharePoint" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="UserModule.Layouts.UserModule.Home"
DynamicMasterPageFile="~masterurl/default.master" %>
<asp:Content ID="PageHead" ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">
</asp:Content>
<asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server">
<iframe id="HomePageFrame" src="http://raihaniqbal:8123/Test.aspx" frameborder="0"
style="width: 100%; height: 748px;" scrolling="no" />
</asp:Content>
<asp:Content ID="PageTitle" ContentPlaceHolderID="PlaceHolderPageTitle" runat="server">
Home
</asp:Content>
<asp:Content ID="PageTitleInTitleArea" ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea"
runat="server">
Home
</asp:Content>
But how come when we add a Page Viewer web part to a Site Page which basically is an iframe this problem doesn't happen!
Pre-Sales Consultant (Microsoft Business Intelligence Solutions)
Tech One Global

Answer 1

Hi,
This occurs because when you add this to a page viewer web part then the page viewer web part is the same as an HTML FORM tag.
style="width: 100%; height: 748px;
I suspect your problem is occuring thanks to the height tag, can you switch that to be 100px. If this works then you would need to find a new height for the iFrame, 100% for example will fill the asp:Content tag.
For more control add it inside a div tag, set it to 100% for height and width and just change the div tag.
Regards
Pieter