Win版IEにおけるCSSのバグ
1年以上前の記事です。内容が古い可能性があります。
最近では当たり前のように使われているCSSですが、
最も多くの人が使っているに違いないWindows版Internet Explorerにおいて、
数多くのバグ(仕様無視)が報告されている。
その中のひとつにハマった(泣
それは
というもの。
コンテンツメニューはなるべくリスト形式で表示したほうがSEO上よいみたいなので、
リスト表示させたボタンを等間隔に並べようとしたところ、
Mac版SafariとWin版IEでどうしても間隔が合わない。
Win版IEの方で5pxほど余計に間隔があいてしまう。
そこでいろいろ調べて辿り着いた答えがWin版IEのバグでした。
バグにあわせてデザインするのも癪なので需要無視してSafariにあわせ、
「CSSハック」なる技でWin版IEに対応させようと思ってます。
■17時追記
原因がわかりました。
まず、バグってたのが上記の状態(もあったのですが)だけではなく、
liタグ内にimgタグを置くことによるどちらかというとタグレベルでのバグでした。
で、どう対応したかですが、
1. liタグ内の文字の大きさをCSSでゼロにする。
これでとりあえず解決したのですが、文字の大きさがゼロってのが
スパム扱いされないかと気になって。
2. liタグ内のimgタグにCSSでvertical-align:topの指定をする。
でも直りました。
CSSハック使わずにすみました。やれやれ。。
アドセンス広告メイン
関連記事
-
何を売るかが問題
1年以上前の記事です。内容が古い可能性があります。いまどき、Webの知識だけでフ …
-
アマゾンアフィリエイトリンクツール4つ
1年以上前の記事です。内容が古い可能性があります。お気づきの方もいらっしゃると思 …
-
当社の今後
1年以上前の記事です。内容が古い可能性があります。どうも、次期社長さんがWebに …
-
ついにキタ!! 脳波で操作するゲームは超能力開発ツールとしても使える?
1年以上前の記事です。内容が古い可能性があります。脳波でパソコンが操作できるとい …
-
外注探し
1年以上前の記事です。内容が古い可能性があります。ここのところ立て続けに外注業者 …
-
なんとツイッターのツイートを縦書きに変換してくれるサイトが登場!
1年以上前の記事です。内容が古い可能性があります。ツイッターのツイートに改行を入 …
-
favicon(ファビコン)って一つじゃなかったのね?デバイスによって色々変えられたらしい
1年以上前の記事です。内容が古い可能性があります。個人的にはあまり設定したこと無 …
-
twitter(ツイッター)リストの正しい使い方
1年以上前の記事です。内容が古い可能性があります。今まで、あまり活用していなかっ …
-
飛び火
1年以上前の記事です。内容が古い可能性があります。ライブドア問題がついに僕にも飛 …
-
livedoor Blog(ライブドアブログ)で「記事をコピー」すると公開しちゃうゾ
1年以上前の記事です。内容が古い可能性があります。自分の場合、ブログを書くときは …
- PREV
- 各検索サイトの特徴
- NEXT
- 松濤温泉シエスパ爆破!!