IE6 position fixed CSS (2009年3月 9日)
IE6でCSSのposition fixedが使用できない。
firefox, opera, safari, choromeなどのクロスメディアなブラウザ
（というよりはクロスブラウザなhtml、か）で表示を同一にしたいが
色々なサイトに書かれてい内容が面倒で
困っていたのだが、一番導入しやすいと思われる解決方法が見つかった。
ここで公開されているfixed.jsを、公開するhtmlと同じディレクトリに置く
（絶対passでもおｋ）
HEAD内に以下の記述を追加
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.2");</script>
<script type="text/javascript" src="fixed.js"></script>
CSSで、
ブロックタグを以下のように書く
p.ブロック名 {
position:fixed;
left: 10px;
top: 85px;
}
BODY内で、
<p class="ブロック名 fixed"></p>でくくられた内容がposition fixedで表示される。
あともう一つ忘れてた。
HTMLの前にドキュタイプ宣言が必要。（改行しちゃだめだよ）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
IEとその他でレイアウトが若干ずれるので、
以下を使ってレイアウトを微調整すれば完了。
参考
http://www.css-lecture.com/log/css/045.html
2009年3月 9日 23:25 | E |
Copyright© 2004-2012 Yukito Inoue All rights reserved.
Category: webdesigning
Tag: css
Copyright© 2004-2012 Yukito Inoue All rights reserved.
Link
« hive cafe |
Main
| Customers Who Viewed This Item Also Viewed »
Category: webdesigning
Tag: css
Random Images>>
この記事を読んだ人はこんな記事も読んでいます
11 to 12 ピクセルの扱いがブラウザで異なる (2 hits) blu-ray disc meister ブルーレイディスクマイスタークイズ (1 hits) amazon best seller api ベストセラー情報を引き出す。 (1 hits) CSS div block ブロックを真ん中に持ってくる (1 hits)
Related ESCAPE>>
CSS div block ブロックを真ん中に持ってくる
- Movabletypeのテンプレートをまたいじった。 今回は主にCSS。人気ブログをよく見ているとレイアウトが上手い。 ここ数ヶ月モニタリングしていると、blogのヒット数は500
bookshelf full of mystery 海外ミステリの本棚
- 父親が書いているブログ海外ミステリの本棚のデザインを いじった。右上にナガマルが登場している。 真ん中の本はTokyo Style、 右にはグラス。DSC-T10で撮影した。 海外
11 to 12 ピクセルの扱いがブラウザで異なる
- 前から気になっていたのだが、firefox系と Internet explorerでフォントのポイントの 表示サイズが違う。11pxあたりが顕著で、 Firefoxのサイズが小さ
