タグ

IE6とつまずいたものに関するkabochaoのブックマーク (2)

  • display:block した a 要素(リンク)を IE6 でも安定させる方法 はじめてのブログデザイン

    当ブログで配布中のテンプレート「h007-3middle」をカスタマイズ中の方から以下のご質問を頂きました。 右サイドバーは問題なくテーブルリンクになってますが、左サイドバーは通常のリンク(文字にポイントして指マークが出るリンク)になってしまいます。 上記のご質問の不具合は Windows の IE6 で確認でき、発生条件はテンプレートの記事部分の拡張カスタマイズと併せ、サイドバーの背景色、フォントサイズ、記事のタイトル部分の装飾などなど、多岐に及んでいますので、必ずしもテンプレートをカスタマイズした時に IE6 で発生するとは断言できません。今回、原因の追究を数日間試みていたのですが、残念ながらはっきりとした答えは見つかりませんでした。 しかし、原因(おそらく IE6 のバグ)は分りませんでしたが、解決策は発見できましたので、上記のご質問と似たような症状が発生した際は以下の解決方法をお試

  • ネガティブマージンをIE6.0でも使う

    HTMLの構造(ソース)を、サイトを通じて考えるときに、 できるだけ同じ構造にしておくと、 修正や更新の時にも、わかりやすくスムースに作業ができるので、 ナイスなのですが、レイアウトの状態によっては、 どうしても、構造を変えなくてはならないケースが出てきます。 例えば、 トップページのタイトル画像だけ、めいっぱい大きくして目立たせたいけれど、 HTMLの構造はサイト全体で同じにしたい。 というケースがあるとして、 レイアウト領域が横幅最大950px、 左側に横幅230pxのサイドバー、 右側は横幅700pxのコンテンツスペース、 とします。 さらに、 ページのタイトル画像をコンテンツスペースに入れる HTMLの構造にした場合、 トップページのみ、 タイトル画像を横幅950pxいっぱいに広げようと思っても、 通常では、左右分割で使う、 float: left; と、float: right;

    ネガティブマージンをIE6.0でも使う
  • 1