バナーの下で外部ウェブページをフレームする最良の方法は何ですか？

Google Imagesが最良の例です。画像をたどると、フレームはページの上部に残り、常にGoogleに戻るように促します。このテクニックには特別な名前があり、これを行う最も効率的な方法は何ですか？バナーの下で外部ウェブページをフレームする最良の方法は何ですか？

私はこれまでのところ、これを持っている：#barが高い100pxにを読んではなく、10％高いことができるように

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <title>Framed content</title> 
    <style type="text/css"> 
     #bar { 
      width:100%; 
      height:10%; 
     } 
     iframe { 
      width:100%; 
      height:90%; 
     } 
    </style> 
</head> 
<body> 
    <div id="bar"><!-- PUT THE CONTENTS OF THE BAR HERE --></div> 
    <iframe src="{LOCATION OF THE HTML PAGE}"></iframe> 
</body> 
</html>

は、どのように私は上記適応することができますか？それがコードにどのような影響を及ぼしますか？これが私の質問の要点です。

多くのありがとう。 Patrick

出典

2009-08-23 Patrick Beardmore

Googleは何をすることができ、doctypeタグを削除できます。あなたのマークアップはこの1つの修正ですぐに動作し、バーの高さを100ピクセルに設定し、iFrameの高さを100％に設定して目的の結果を得ることができます。

出典

2009-08-23 23:06:15

この設定では、固定幅（左と右）と固定高さ（上と下）を持つ画面の端（上端、左端、右端、下端）に伸びるボックスを作成し、残りのスペースを埋める巨大なiframeのために。もしそうなら、どうすればよいのでしょうか。私が試したことがあるとき、テーブルは幅の要求に従わないでしょう。ありがとう、 Patrick –

90年代後半と2000年代前半に人気のある古いフレームセットスタイルよりも進んだとしても、それはまだ「framing」と呼ばれていると思います。あなたが研究できる他の例には、FacebookとStumbleuponがあります。彼らは非常に便利な目的を果たすしている場合を除き、私はそれが「topbar」と呼ばれる見てきました

出典

2009-08-23 17:40:33 beggs

Diggもこれの良い例です。 – ceejayoz

は...

は個人的に、しかし、私は彼らが本当に迷惑を見つけます。私はあなたのウェブサイトに戻ることを思い出させる必要はありません。その時点で新しいウィンドウでリンクを開くこともできます。

出典

2009-08-23 22:18:34

少し調べた後、私はiframeをまったく使っていない、これを見つけました。私はいくつかの人々がバージポールでフレームセットに触れないことを知っていますが、明らかな「フレームがサポートされていません」以外の人々が潜在的な問題と考えられるものを知ることに興味があります。

<html> 
<frameset rows="100,*" frameborder="no" framespacing="0"> 
    <frame name="h" src="top_source" scrolling="no" noresize >  
    <frame name="t" src="main_source" scrolling="auto" noresize > 
</frameset> 
</html>

div属性にはワイルドカード "*"を使用しています。

出典

2009-08-23 22:37:24

バナーの下で外部ウェブページをフレームする最良の方法は何ですか？

答えて

関連する問題