忍者ブログ

テンプレート忍者

忍者ブログのテンプレートを配布したり、おもしろいネタを配信したりしています。

Category: 忍者テンプレート (9)   CSSメモ (2)   雑記 (11)   FLASH (3)   忍者ブログ (2)   ソフト (3)   動画 (2)  
2017/08/17 (Thu)
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2006/09/01 (Fri)

以下は、heightについても同様です。

ブラウザによるwidthの解釈の違い

Firefox(正しい解釈)
結果的なwidth = padding×2 + border×2 + width
IE,NN4
width = padding + border + 中身
NN6
width = 中身

ボックスモデルハック(Box Model Hack)

div#main{
margin: 10px;
padding: 10px;
width: 200px;    //OPERA用width値
\width: 220px;    //IE5以下用width値
w\idth: 200px;   //モダンブラウザ用width値
}

※ \ = ¥

解決策

ボックスモデルハックを用いる。または、
「widthとpadding/borderを一緒に指定しない、特に、ピクセル単位で合わせるところではborderを使わない」

参考リンク

PR
Post a Comment
Name: 
Title: 
Font Color: 
Mail: 
URL: 
Comment: 
Password:    Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Trackback: 
Copyright(c) テンプレート忍者 by テンプレート忍者

Template by テンプレート忍者
住まい生活 忍者ブログ [PR]