IE6でposition:fixedを適用するための手順

01/6

今、やっているお仕事で、position:fixedをどうしても使わないといけなくて、いろいろと調べてみた。なので、メモ。

CSSにIE6のみに適用のために以下のプロパティを定義。

<pre>html,body{
    width :100%;
    height:100%;
    overflow:auto;
    margin:0;
    padding:0;
}
div#samp{
    position: fixed!important;
    position: absolute;
}
</pre>

div#samp｛｝は、position:fixed;を適用させたい部分に適用する。html,bodyに定義してあるプロパティで「overflow:auto;」となっているが
適宜調整が必要になってくる。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTMLファイルで上記の宣言文を忘れずにする。
互換モードでは、使えないので注意が必要。

Javascriptで対応しようと思ったけど、うまくいかなかった。
スクロールするたびにJSのEVENTが反応して、きれいではなかった。

元ネタ

http://d.hatena.ne.jp/cyokodog/20090323/jQueryExFixed
http://d.hatena.ne.jp/cyokodog/20081204/PositionFixed03

「すきなばしょ」リニューアルメモ

12/31

isao未分類 memo No Comments

デザインメモ

本のモチーフをもっと全面に出す。
トップページは、ポラロイドと手書き風にする。
UIは、よりオリジナル色を出す
ユーザビリティを高くする
言語にこだわらないサイトにする（したい）

技術的メモ

HTML5とCSS3で作る
Webストレージを使って、前回までのページを保持する。
WordPress色をかき消すような動きをJavaScriptで表現
mixiアプリとの連携など、なんか外部のサービスと繋がりたい

IEだけに起こるブラウザキャッシュの扱いについて

12/26

isaoPHP memo No Comments

今、やっている案件で、本来だと一度登録すると自動転送されるんだけど、
IEで画面遷移後にブラウザの戻るボタンで、戻れちゃう。別にPHP、JavaScriptには問題ないんだけどな。
調べてみると、IEとFF,Safari,Chormeでのキャッシュの思想が違うみたい。

IE6でli要素内のaタグにdisplay:blockで余白できる・・・

11/17

isaoCSS memo No Comments

IE6にて、li要素内でaタグにdisplay:block;を付けると余白ができちゃう。

対処方法として・・・


div ul li{display:block; zoom:1;}

「zoom:1;」を入れることで余白がなくなる。
※IE独自機能

WordPressでサイト構築する時のTips

02/24

isaowordpress memo No Comments

ページをグローバルナビゲーションに動的に生成するのに使えそうな、コードを見つけたのでメモ。


<?php
$myposts = get_pages('meta_value=グローバルナビゲーション&sort_column=post_date');
foreach($myposts as $post) :
?>
<li><a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>

グローバルナビゲーションに追加したいページのカスタムフィールドに「項目」を「globalnav」にして値に「グローバルナビゲーション」と入力して、上のコードをグローバルナビゲーションの部分に追加しておくと動的生成してくれる。

このコードのやっていることは、カスタムフィールドの値から特定のキーワードを取得して、なおかつ日付順に並び替えて、ページを取得してリンクとページのタイトルを取得するスクリプトのようだ。

あとは、ページの子供のドロップダウンメニューで表示するなど応用は効くと思う。

昨日、やっとドメインを取得してCore Serverで設定していたんだけど、exsample.comというドメインからユーザーが飛んできてもwww.exsample.comへ転送させたかった。Core server管理画面にドメインの同期というものがある。これを設定していやると転送ができるようだ。設定をしていたんだけど、間違ってしまった。だけど、これって解除する方法がないことに気づいた。オイオイと思って、同期元と同期先を逆にしたら、ディレクトリの中にディレクトリができてしまい、FTPクライアントでは消えなくなってしまった。

焦って、どうしようかと思って調べていたらVALUE DOMAINのヘルプに書いてあった。
これを試していたらなんとか同期先、同期元をなんとか解除できた。設定し直したらちゃんと意図するように直った。

リンク先
VALUE DOMAINヘルプ

ディレクトリを同期することをシンボリックリンクというらしい。
説明によるとショートカットのようなものみたい。今後、こういうことがあっても焦らないようにメモ。

参考
シンボリックリンク

シンボリックリンク

javascriptとユーザ環境について

11/4

isaoJavaScript memo, 感想 No Comments

今、ポータルサイトを作っててJavascriptでちょっとした仕掛けをいろいろと作っている。まぁ、スライドショーとか独自にスライドバーを作ったり、リンクとgoogle mapsの共有などなどいろんな仕掛けを作っている。

工数を減らすためにJqueryを使っているんだけど、javascriptがないユーザ環境にはどのようにすれば良いのかという疑問が出てきた。たとえば、CSSは適用できるけど、Javascriptが使えない環境なんてざらにあると思う。

Clipプロパティ

08/19

isaoCSS memo No Comments

メモ
あとで試してみよう。

clipプロパティ

http://www.htmq.com/style/clip.shtml

こんなプロパティがあるなんて知らなかった・・・

Branberyheag!! Lab