UU: CSS:横スクロールとwidthの問題 - United Unlimited
当サイトのバグを直しつつ、いつかまた苦戦しそうな気がするので書いておきます。 検索するとよくヒットするFirefoxで背景画像が表示されない件ではなくて、横スクロールとwidthにからんで、背景画像が途切れてしまう症状についてです。 普通にクリアできちゃう現象なのかも。(^^; でもMovableTypeの管理画面も同じ症状になるし、対応できてないサイトももしかしたら多いかも？ 当サイトを例にして書きます。 背景を除くページコンテンツ幅は950pxです。 当然、950pxより小さいサイズのウインドウでサイトを表示すると、横スクロールバーが表示されます。 横スクロールバーで右の方を表示しようとすると・・・ このように（黒帯より下の部分）、最初のウインドウ幅（左側途中）の部分までしか背景画像が表示されない状態になってしまいます。 画像じゃなく背景色を使っても同様になります。 「width: 1
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ロングのほうの長いに堅い太いだよ : 2chコピペ保存道場