- ベストアンサー
この手法を教えてください
こんにちは。 下記URLのページのようにフレームのような表示ができる手法は なんという名称なのでしょうか… http://laravel.com/ よろしくお願いいたします。
- ichitama-sun
- お礼率80% (54/67)
- CSS
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
CSSのposition:fixedを使いますが、この手法に対して良く使われる名称は「擬似フレーム」です。 例ですが、分かりやすいのでHTML5で書くと <body> <header> <nav></nav> </header> <section> <nav></nav> </section> <footer> </footer> </body> (注)旧 HTMはそれぞれ<div class="header"><div class="nav">となります。 class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 ) ここで、 header nav{position:fixed;top:0;left;0;} header{height:200px;} section nav{position:fixed;left:0;top:200px;width:200px;} とか
その他の回答 (2)
- Ogre7077
- ベストアンサー率65% (170/258)
position:fixed 昔はIEがこのCSSに対応していなかったので、IEのposition:fixed問題などと良く言われていました。 現在は対応されたので、あまり名称を聞くことはなくなりました。
お礼
ありがとうございます！
- kosukejlampnet
- ベストアンサー率44% (126/282)
特に名称があるのかなー。 普通にCSSで実装しているようです。
お礼
名称はないのですね… ありがとうございます！
お礼
ありがとうございます！よくわかりました！