Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

関連タグで絞り込む (4)

タグの絞り込みを解除

CSSとbugに関するTadakiのブックマーク (2)

  • メモ：Netscape7.1, IE6 clearできないバグ

    ネガティブマージンを使ったCSSで三段組の場合、Netscape7.1でclearが正しく機能しない。 親要素のマージン幅によってはclearが効かないに似た症状。 これは三段組に限らず、大きな負の左右マージンとフロートをつかった段組法の場合に発症するらしい。 段組レイアウトでネガティブマージンとフロートを使うのは、 「サイドバー固定幅かつメインカラム可変幅で2段（3段）ぶち抜きフッター付きレイアウト」を実現するため（ADP: デザインテンプレート1110とネガティブマージン参照）ですが、 ここでmargin-left(right): -100%などとやってしまうとフッターのclearが効かなくなる（Netscape7.1とIE6で確認。Firefox1.5とOpera8.54は大丈夫）。 たとえば2段組レイアウトを次のようにしている場合。 <div id="main"> <p>可変幅</

  • CSSレイアウトの定石　WinIE6バグ回避法

    CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設

  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2025 Hatena. All Rights Reserved.