忍者ブログ

CusblO

忍者ブログテンプレートカスタマイズ ブログテンプレートCSS/HTMLカスタマイズ覚書 忍者用ブログテンプレート作成中

HOMEテンプレ基本の記事
[2024/11/21] [PR] (No.)
[2010/04/03] widthとpaddingの相性 ブラウザ違いのズレ (No.71)
[2010/03/10] 幅サイズ 縦・横・行間 (No.18)
[2010/03/07] ブログ著作権表記 (No.6)

[PR]

11/21(Thu)  YESR2024

×

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

widthとpaddingの相性 ブラウザ違いのズレ

04/03(Sat)  YESR2010

 この情報は、ご親切な方からのアドバイスです。
自分のために箇条書きメモさせていただきました。

widthプロパティがあるところのクラスにpaddingを使うとIEと他のブラウザに違いが出てくる
widthを使っているクラスで、paddingを使わないようにすれば余白のずれは出ない

逆に言うと、paddingがあるところにwidthを使ったらおかしくなる

widthは最低限のところに入れ子にすると良い

こういった先生のようなアドバイスのおかげで、なんとかできるようになってきました!
まことにありがとうございます。

拍手

PR

幅サイズ 縦・横・行間

03/10(Wed)  YESR2010

 縦横幅サイズ指定
幅固定したい場合に使う

テンプレート設定で編集を開き
 CSSの固定したいところに記入


width: 半角数字px;


height: 半角数字px;

行間指定
行と行の間が広すぎ・狭すぎの場合指定する
もしくは、
されている場合変更できる

注意:あなたがご使用のブラウザ違いで
表示のされ方がまったく変わってくる

たとえば、行指定で幅を狭めた場合
画像と文字 文字と文字が重なる

など
 
 CSSの指定したい場所に記載
line-height: 100%;

 数字の説明 狭くする=数字を小さく 広くする=数字を大きく

拍手

ブログ著作権表記

03/07(Sun)  YESR2010

著作タグ
Copyright (C) 2009 <a href="<!--$g_url-->"><!--$g_title--></a>, All right Resieved.<br>

HTML編集 下部 フッダー内
<div id="FooterBlock"> を見つける
ここに記入 保存
<!--CM1--> <!--CM2--> の上に記入

拍手

HOME

最新コメント
[04/23 管理人]

最新トラックバック

Yurapisは、Twitterとmyspace同期中

ブログ:
ネーム:
かすぽ
趣味:
美しい・綺麗なものの鑑賞
自己紹介:
CusBloスタート:2010.03.07
3月16日1作目完成とどうじに愛猫天使記念日

最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中

素材配布サイト様へ:リンク漏れが有る場合以下の専用ページにコメントください



Copyright (C) CusblO
TEMPLATE by CusBlo
     忍者ブログ [PR]
 | 管理 | 新記事