• 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. グローバルナビを上部に固定してスクロールする小さくする2つのポイント

  2. Firefoxで背景画像が伸びない場合の対処

  3. CSSで二行目以降を1字下げる

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

  5. CSS Optimizer (CSS最適化ツール)

  6. コピペでカンタン|シンプルでスタイリッシュな見出しを作るサンプル集