Keep-in-Viewはヘッダーやフッターを常に画面上部（または下部）に表示し続けるjQueryライブラリです。 最近のWebサイトではヘッダーがスクロールしても常に表示され続けるUIが人気です。同様にフッターも表示し続ける、そんなjQueryプラグインがKeep-in-Viewです。 最初の表示です。ヘッダーとフッターに注目です。 一番下までスクロールしました。ヘッダーが残っています。 途中までのスクロールの場合は普通に上に上がっていきます。 表示されない状態までいくと自動的に上に張り付きます。フッターは常に下にあります。 Keep-in-ViewではオフセットやCSSのz-indexがオプションとして指定できます。 Keep-in-ViewはJavaScript/jQuery製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）になります。 MOONGIF
IE 7 のズーム機能を使用すると、position プロパティを指定している箇所の表示がおかしくなってしまうことがあります。IE 7 でズーム機能を使用すると崩れてしまうdemoを用意しました。 不具合再現用のdemo 通常時 (サンプル画像は 100% 時)には意図したとおりにレンダリングされています。 拡大時 (サンプル画像は 120% 時) は下部に意図しない余白ができてしまっています。 縮小時 (サンプル画像は80%時) には黒い枠がグレーの枠の要素に食い込んでしまっています。 この例のHTMLの構造は 黒い枠のついたdiv要素 薄グレーの背景のdiv要素(position:relative;) 濃いグレーの背景のdiv要素(position:absolute;) という入れ子の構造になっています。 この不具合の原因はおそらくpositionプロパティが適用された要素の入れ子
こんなかんじでtable内でtdが2つあり、中にはメイン文章のpと、日付のpがあるんだけど、日付をセルの右下にposition:absoluteでつけよう。そうすればセルの内容増えてもいつも右下によってくれる。だからtdにはposition:relative指定すれば右下に寄ってくれるよね！（下は、こんな風にしたいイメージ） ･･･と思ってると失敗する。 <table> <tr> <td> <p class="whatIdid">I played game whole day today.I played game whole day today.I played game whole day today.I played game whole day today.I played game whole day today.I played game whole day today.I p
先日、友達の依頼で XHTML+CSS のコーディングをしていたところ、position:absolute を指定したボックスが Win版IE6 でのみ表示されないという現象に出くわしました。あちこち調べてみたところ、かなり厄介な IE のバグのようで、消えるときの条件がいろいろあることがわかったので、整理してみたいと思います。 まず最初に見つけたのが、以下のサイト。 » IEで position:absolute した要素が消えるバグ こちらで紹介されているのは、float と clear にはさまれた position:absolute が消えてしまう現象とその対策。でも、私がはまったケースでは、position:abloslute の前には float がありません。紹介されているように clear を追加してみても当然ダメ。う～ん、なぜだ・・・ 日本語のリソースを調べてみても解決策
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
