異文化に恋してる

異質な考え方に触れて参考になったときの備忘録
異文化に恋してる TOP  >  スポンサー広告 >  web・ネット備忘録 >  ブラウザ別互換性メモ◆widthとpaddingの並列の危険

スポンサーサイト

--/--/-- --:--

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
このエントリーをはてなブックマークに追加
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)


ブラウザ別互換性メモ◆widthとpaddingの並列の危険

1940/01/01 00:00

width : 300px;
padding : 10px 10px 10px 10px;



と記述すると、
IE : 幅300px
FireFox : 幅320px
chrome : 幅320px




⇒divの中にdivを入れ、内側のdivにpaddingするといい



※もし、↓のようにpaddingでなくmarginにすると・・・

HTML
<div id="1">
<div id="2">
▲▲▲
</div>
</div>

CSS
#2 { margin: 10px 0px 0px 0px;}


  


このエントリーをはてなブックマークに追加
[ 1940/01/01 00:00 ] web・ネット備忘録 | TB(1) | CM(0)


コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

マークジェイコブス 通販
ブラウザ別互換性メモ◆widthとpaddingの並列の危険|異文化に恋してる
プロフィール

有咲

著:有咲
旅行しながら風景描きまくりたいな。

ブログランキング・にほんブログ村へ
にほんブログ村 美術ブログ スケッチ旅行へ
にほんブログ村 その他日記ブログ 雑感へ

ブロとも申請
☆ブロとも申請大歓迎☆

この人とブロともになる
facebook
ご連絡等を承っております

QLOOKアクセス解析


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。