忍者ブログ

テンプレート忍者

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

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

[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
2006/09/01 (Fri)
background-color: #000;
background-image: url(画像のURL);
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: left top;

background: url(URL) no-repeat fixed left top;で指定すると、後から指定したほうしか反映されないが、分けて書くと両方が反映される。

TMP*blogさんに感謝

カレンダー
03 2017/04 05
S M T W T F S
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
フリーエリア
最新CM
[05/28 NONAME]
[01/10 Kazuki]
[12/12 みずの]
[12/08 ファンです]
[08/26 テンプレート忍者]
最新TB
ブログ内検索
プロフィール
HN:
テンプレート忍者
HP:
性別:
非公開
職業:
忍者
趣味:
忍法
アクセス解析
Copyright(c) テンプレート忍者 by テンプレート忍者

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