iframe上の浮動小数点html

iframeにナビバーをフロートさせることは可能ですか？これまでのコードはここにありますか？iframe上の浮動小数点html

あなたがになるようにナビゲーションバーがHTMLページ内にあり、次のページに行くためにはiframeをトリガーボタンが含まなど

任意のアイデア？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Fraud Protection - Course</title> 
<style> 
    .backbutton[type="button"] { 
     border: 0; 
     background: url("back.png") no-repeat; 
     text-indent: -9999em; 
     line-height:3000; 
     width: 100px; 
     height: 35px; 
     cursor:pointer; 
    } 
     .nextbutton[type="button"] { 
     border: 0; 
     background: url("next.png") no-repeat; 
     text-indent: -9999em; 
     line-height:3000; 
     width: 100px; 
     height: 35px; 
     cursor:pointer; 
    } 
      .savebutton[type="button"] { 
     border: 0; 
     background: url("save.png") no-repeat; 
     text-indent: -9999em; 
     line-height:3000; 
     width: 100px; 
     height: 35px; 
     cursor:pointer; 
    } 
</style> 
</head> 
<body> 

    <iframe src="" width="100%" class="naviframe" id="contentFrame" hieght="100%"></iframe> 
    <div id="navDiv"> 
    <input type="button" class="backbutton" id="butPrevious" onclick="doPrevious();" value="<- Previous"/> 
     <input type="button" class="nextbutton" value="Next ->" img src="/images/Btn.PNG" id="butNext" onclick="doNext();"/> 
     <input type="button" class="savebutton" value="Save Progress" img src="/images/Btn.PNG" id="butExit" onclick="doExit();"/> 
    </div> 

</body> 
</html>

出典

2012-03-06 Ma9ic

可能です。フローティングされる要素の位置は、負のマージンのabsoluteでなければなりません。あなたのナビゲーションバーのための

Demo

出典

2012-03-06 14:26:22 Starx

なぜ単に位置のルールを使用しないのはなぜですか：「上、右、下、左」？あるマージンを設定するのではなく、「ポジション：絶対」が必要です。 – Teemu

top、および同様のものは、マージンとは異なり、自己に最も近い相対的なコンテナから正に始まります。 – Starx

基本的には、iFrameが画面の100％を持つように、iFrameの上部に浮動するHTMLページが必要ですか？私は笑を知っています... – Ma9ic

位置は可能です：絶対;

出典

2012-03-06 14:25:12

シンプルCCS：

.navDiv{ 
    position: absolute; 
    top: 100px; 
    left: 100px; 
}

あなたが必要とするだけtopとleftの値を変更します。この場合、これらの値はdocument.bodyを基準にしています。

-adribute for iframeあなたのコードには間違いがあります。また、それはパーセントがiframeの高さに許可されていないようだ、代わりに他のユニットを使用する必要があります。

出典

2012-03-06 15:17:46 Teemu

答えて

関連する問題