• CSS

インラインフレームをCSSで設定

忘れないうちに、覚え書きにしておこう!
MK2-STYLEの更新情報を前からインラインフレームにしたかったのですが
インラインフレームははやり使いたくないので、HTMLにしていました。
今日、「CSS」でのインラインフレームというのをやってみたので
ソースを書いておきます。

「htmlファイル」

[html]

ここに内容を書く</div>
[/html]

「cssファイル」
[css]
#frame {width:380px; height:200px; border:0; margin:0px; padding:0; overflow:scroll;}
[/css]
この「overflow:scroll;」というのがミソですね♪
この表示方法なら、擬似フレーム内にリンクを貼っても、ターゲット指定なしでリンク先に飛ぶもんね。

まだまだ、勉強することいっぱいだ~!

関連記事

  1. CSSでテーブルレイアウト

  2. CSSレイアウトサンプル-3カラム

  3. CSSレイアウトサンプル-2カラム

  4. グローバルナビを上部に固定してスクロールする小さくする2つのポイント

  5. CSSだけでノート風の罫線を作る

  6. CSS3メモ~背景画像のサイズを固定する