サイト引越し準備中・・

長らく自分のサイトを更新していなかったわけだが、サイトの引越しを検討したまま3年くらい以上過ぎてしまった(￣ω￣；)
忙しかったため全然更新できなかったわけだが、そろそろ更新しようとちょくちょく作成中。とりあえず日記代わりに細々とBlogなんかをはじめたわけだが・・・。
Sleipnir(IE)とFireFox3を立ち上げながらデザインがずれていないかローカルで確認の日々。今日もHTMLタグとスタイルシートに悩まされる。

本日悩まされた内容はこちら。

divタグに下記の2パターンを試した。

・直接スタイルシートを指定した状態①
style="position:absolute; top:30px; left:520px;"

・IDを振ってCSSファイルに書き込む状態②
id="ID_DAYOOON"
CSSファイル:
#ID_DAYOOON { position:absolute; top:30px; left:520px; }

表示上はIE、FireFoxともに一緒だった。
ただ、このdivのブロックにはjavascriptでマウスのドラッグで移動できるようにしておいたのだ。(画像なんかが張り付いてる)
もちろん初期表示位置は問題ないが、状態②の場合、ドラッグするとIEは画像が(0,0)の位置に瞬時に移動しマウスポインタと画像の位置がずれ、FireFoxに関しては動かない。
javascriptとCSSファイルの関係なのか状態②ではうまく動作しなかった。まぁ、おまけ機能なのでいいのだが、javascriptについてもう少し調べてみよう････。
ちなみに position:absolute; だがこれはCSSファイルに記載されていても大丈夫だった。つまり状態②では top:30px; left:520px; がCSSファイルだとだめだった(´・ω・`)

あと position:relative; float:left; など使うときにも注意が必要そうだ。とりあえず同じ階層のブロックにひとつでも position があったら全部配置するように心がけようと思う。