ウノウラボ Unoh Labs: IE6 CSS 『border-leftとpadding-bottom』の謎
こんばんは、sashaです。 次のような形のスタイルを実装しようとしていて、 実例 posted by (C)フォト蔵 IE5.5や6でこんな状況に出会ったことはありませんか？ （赤と青のボーダーは、elementの境目がわかりやすいように入れてあります） 実例バグ posted by (C)フォト蔵 どこがおかしいかお分かりになりますでしょうか。2項目目の赤と青で囲まれたテキストが、左に飛び出ていますね。その下にあるテキストまで、左にずれてます。 これは、多くのデザイナーの悩みの種である、「IE」の代表的なバグのひとつです。 このバグを再現させるのに必要なことはたったこれだけ。 「divの中にdiv」など、ブロック要素を2重にする 外側のブロック要素に、border-leftとpadding-bottomを定義する 以上。これだけでIEさんの地雷を踏めます。 以下のH
IEの各バージョンでの“表示具合”や“表示の差”を見せてくれるサービス(日本語未対応) - F.Ko-Jiの「一秒後は未来」
(追記) 日本ではすでに「スクリーンショット.jp」というサービスが4月から公開されていたようで、7月に正式公開されました。スクリーンショット.jpは基本有料で、1時間に3枚まで無料で利用できます。 Internet Explorer: See how a web site looks in IE without a PC – Lifehacker より IE NetRenderer – Browser Compatibility Check – では、そのサイトがInternet Explorerの各バージョンでどのように表示されるかをキャプチャして表示してくれます。それだけではなく、IE6とIE7での見栄えを重ね合わせた画像で見せてくれたりします。 ↑ IE6とIE7での表示を重ねたものを見せてくれる。微妙なズレが見て取れると思います。便利なのですが、日本語には未対応。 単独では、IE
25hours: GIFアニメで線が出た時は。
バナー用にGIFアニメ作ってて、 特定のブラウザで正常に表示されないことがあった。 調べてみると、こんな解決方法があったので残しておきます。 【現象】 Fireworksで作成したGIFアニメをブラウザ上で表示した場合、アニメーションの一部が正しく表示されない。 私の場合、右端に1pxの線が表示されてしまう。 【対処法】 フレームパネルのオプションからメニューを表示させ メニュー内の｢自動切り抜き｣のチェックをはずす。 【参考】 自動切り抜きの設定は、アニメーションを作成するにあたってフレームから次のフレームに移動する際に発生する変更部分のみを比較し、データをピクセル単位でクロップするFireworksのユニークな機能の一つです。そうして変更部分のみを前のフレームに追加する形で新たなイメージを作成します。 自動差分はそれぞれのクロップのエリアでの変更の加わっていないピクセルデー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
