タグ

クロスブラウザに関するpromisedhillのブックマーク (2)

  • マージンの相殺など

    CSSのボックスモデルは文書ツリー内の各要素に拠って生成され,視覚整形モデルに従って配置されます。ボックスはテキストや画像などの内容領域を持ち,その周囲にはさらに四つの周辺領域を持つことがあります。 目次 ボックスの概要と寸法 辺(edges) マージンのプロパティ 'auto' の概略 マージンの相殺 margin-top,margin-right, margin-bottom,margin-left (上,右,下,左のマージン) margin(マージンの簡略表記プロパティ) パディングのプロパティ padding-top,padding-right, padding-bottom,padding-left (上,右,下,左のパディング) padding(パディングの簡略表記プロパティ) ボーダーのプロパティ ボーダーの幅 border-top-width,border-right-wi

    promisedhill
    promisedhill 2008/09/07
    マージンの相殺、IEとfirefoxの表示を同じにするためには
  • クロスブラウザのためのHTML/CSSのテクニック集 | コリス

    anthonyshortのエントリーから、クロスブラウザのためのHTMLCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ

    クロスブラウザのためのHTML/CSSのテクニック集 | コリス
  • 1