私は何日もこれにこだわっています。中央のビューが iframe であるページがあります。iframe の上にリンク ボタンの一番上の行があり、iframe の下にリンク ボタンの一番下の行があります。サイズが変更された場合でも、上部と下部のボタンバーがウィンドウの上部と下部に収まるようにしようとしています。私はその点に到達しましたが、下部のリンク バーは 100% の時間 iframe の後ろに残ります。私はポジショニング、z-index、jqueryを試しました...私は完全に困惑しています。リンクを差し引いたコード (分類されたリンク) を次に示します。また、それは私が取り組んでいる SharePoint Designer 2010 です。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ Page Language="C#" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<head runat="server">
<meta name="WebPartPageExpansion" content="full" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>UNIT DASHBOARD</title>
<style type="text/css">
.CAATDashboardTable {
background-image: url('#');
background-repeat: repeat;
background-position: 0px 0px;
width: 750px;
padding-left: 1px;
border-collapse:collapse;
}
td.buttonItemWhite {
height: 53px;
width:174px;
padding-left:0px;
padding-right:0px;
text-align:center;
vertical-align:middle;
background-position:2px, 0, 0, 0;
cursor:hand;
}
</style>
</head>
<!--START CLASSIFICATION BANNER-->
<div name="bannertable" id="bannertable" style="position:fixed, top=100px, left=0px; width:100%; background-image:url('/PublishingImages/BannerGrad.gif'); background-repeat: repeat y; color: red">
<table border="0" width="100%" id="table1">
<tr style="font-size:8pt">
<td style="font-family:microsoft sans serif,lucinda sans,impact,arial black,arial;font-weight:bold; color:#ffffff;text-align:center">
CLASSIFICATION</td>
</tr>
</table>
</div>
<!--END BANNER-->
<body>
<div class="ddoverlap">
<table align="center" cellpadding="0" class="CAATDashboardTable" cellspacing="0" xmlns:x="http://www.w3.org/2001/XMLSchema" xmlns:d="http://schemas.microsoft.com/sharepoint/dsp" xmlns:asp="http://schemas.microsoft.com/ASPNET/20" xmlns:__designer="http://schemas.microsoft.com/WebParts/v2/DataView/designer" xmlns:SharePoint="Microsoft.SharePoint.WebControls" xmlns:ddwrt2="urn:frontpage:internal" style="width: 100%">
<tr>
<td style="height: 65px; width: 100%;">
<!--BELOW TABLE CONTAINS THE TOP BORDER LINKS-->
<table style="width: 100%" align="center"><tr>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="SWO Weather Update" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#'")';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="SWO Weather Update"><strong>Weather</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
</td></tr>
</table>
</div>
<iframe name="target1" width="100%" src="#" frameborder="0" style="height: 785px"></iframe>
<table align="center" cellpadding="0" class="CAATDashboardTable" cellspacing="0" xmlns:x="http://www.w3.org/2001/XMLSchema" xmlns:d="http://schemas.microsoft.com/sharepoint/dsp" xmlns:asp="http://schemas.microsoft.com/ASPNET/20" xmlns:__designer="http://schemas.microsoft.com/WebParts/v2/DataView/designer" xmlns:SharePoint="Microsoft.SharePoint.WebControls" xmlns:ddwrt2="urn:frontpage:internal" style="width: 100%">
<tr>
<td style="height: 65px; width: 100%;">
<!--BELOW TABLE CONTAINS THE BOTTOM BORDER LINKS-->
<table style="width: 100%" align="center"><tr>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
<td title="S-3 TOC Update Slide" style="background-position: center 0px; background-image:url('#'); background-repeat: no-repeat; color: #FFFFFF;" class="buttonItemWhite"
onclick="
window.open('#','target1');

" onmouseover="
this.style.backgroundImage = 'url("'#';)';

" onmouseout="
this.style.backgroundImage = 'url("'#'")';
">
<a title="S-3 TOC Update Slide"><strong>S-3</strong></a></td>
</td></tr>
</table>
</body>
</html>