2017-04-15 2 views
0

私はFRAMESETを使用してIFRAMEを使用する古いコードを変換しようとしています。古いコードは2つの水平フレームになります。 FRAMESETとIFRAMES

<frameset rows="400,250" cols="*" framespacing="0" frameborder="yes" border="1"> 
<frame name="up" src="up.php" scrolling="yes" id="topFrame" > 
<frame name="below" scrolling="yes" target="main" id="belowFrame" src="below.php" > 

は、どのようにその訴えのiframeください行うには?

答えて

1

position:fixedを2つの別々のiframeに適用すると、これを実現できます。

実施例:

iframe { 
 
display: block; 
 
position: fixed; 
 
left: 0; 
 
border: none; 
 
border-bottom: 2px solid rgb(191, 191, 191); 
 
width: 100%; 
 
} 
 

 
#topFrame { 
 
top: 0; 
 
height: 400px; 
 
} 
 

 
#bottomFrame { 
 
top: 401px; 
 
height: 250px; 
 
}
<iframe id="topFrame" src=""> 
 
<iframe id="bottomFrame"src="" >

関連する問題