画像の表記がずれる・・・

質問

下記ページの通りフェードインして切り替わる画像の設定をしているのですが、画像が1pxずれてしまいます。
http://www.rakuten.ne.jp/gold/carocaro/test/test.html

123px の　ボックス内に　幅いっぱい　画像を表記させたいのですが、
もちろん画像も幅123pxです。

表示の際、1px左にずれる為、右側にマージンが1px空き、
画像の左側1pxがカットされてしまいます。

引用してきたものなので、どこをいじれば良いかわかりません。

アドバイスお願い致します。

回答No.1

nobuoka · ベストアンサー

見てみたのですが・・・1px ずれてますか？ 私にはずれてるのかどうかよくわかりませんでした。 背景色を変えるなりなんなりして、ずれていることをもっとわかりやすくした方がいいと思います。 あと確認した環境 (ブラウザなど) も書かれていませんが、それも書くべきかと。
(私は Firefox 3.5、IE 8、Opera 9.6 で確認しました。 Opera 9.6 ではそもそも動きませんでしたが・・・。)

それはともかく、当該サンプルのソースコードを少し見てみたのですがなんか古臭い感じですね。 Opera 9.6 ではちゃんと動かないというダメ具合でしたし。
そんなわけで一からコードを書いてみました。 これでもずれて見えるでしょうか？
もしこのコードで問題ないようでしたら自由にお使いください。

http://www.vividcode.info/sample/090722a.htm

お礼

こちらの記述がすくなく申し訳ありません。
javascriptに関しては素人同然なので、古臭いとかそういう事もわかりません・・・＾＾；

細かくご教授していただき本当にありがとうございます。

いただいたコードで全く問題ありません。私が求めていたものその物でした！

本当に助かりました。貴重なお時間をいただきありがとうございました。