忍者ブログ
壱岐君、退陣ゃ テストブログ TEST_02
ともだちは神になり人類は滅亡する計画。この言葉の意味が分りました。  ~ 各ブロックを確認しやすいように色分け & 文字色クッキリ ~
×

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

記事部分、左右カラムとの横並びの高さが違うのが
なーんか気分悪いので、そのあたり諸々の調整してある。


当ブログの設定値

/*記事表示部分の背景や余白*/
.EntryInnerBlock {
     text-align: left;

     background-repeat: repeat-y;
     border: 1px solid #AAAAAA; ←記事周囲枠線の太さ(px)と色
     padding: 5px;  ←記事ブロック周囲のスキマ幅
     margin-top: 5px; ←記事ブロック全体の高さ方向調整
     margin-right: 5px; ←記事ブロックと右カラムとのスキマ幅
     margin-left: 5px; ←記事ブロックと左カラムとのスキマ幅
     margin-bottom: 20px; ←記事と記事の間(上下間)スキマ幅
     
     }




参考までに、デフォルト値

/*記事表示部分の背景や余白*/
.EntryInnerBlock {
     text-align: left;

     background-repeat: repeat-y;
     border: 1px solid #eeeeee;
     padding: 10px;
     margin-right: 10px;
     margin-left: 10px;
     margin-bottom: 30px;
     }

拍手[0回]

この記事にコメントしちゃう
名 前
タイトル
文字色
メール
U R L
コメント
  Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Pass
コッソリ (チェックを入れると管理人だけに表示できます)
margin-top: 5pxだけ
追加してみましたが変わりませんね。
やっぱり他の部分も入れないと駄目なんでしょうか。

あとは私はそんなに気にならないのですが・・・左右のカラムとのスペースは違っていますね・・・
さら| URL無し| 2010/03/31(Wed)22:07:49| 編集
Re:margin-top: 5pxだけ
このレイアウト設定は、左右カラムとの関係もあるので
一カ所だけではなく、全体的な調整をしないと効果無いかも。

それと、ブラウザによってスペースの出具合は違うようです。
管理人返信 【2010/03/31 22:44】
この記事へのトラックバック
この記事にトラックバックする:
[36] [35] [34] [33] [32] [31] [30] [29] [28] [27] [26
カスタマイズ実験場
上部に記載するプラグインの説明文:
下部に記載するプラグインの説明文:
カレンダー
上部に記載するプラグインの説明文:
10 2024/11 12
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
下部に記載するプラグインの説明文:
プロフィール
HN:
gonsuke
性別:
非公開
下部に記載するプラグインの説明文:
ブログ内検索
最新コメント
カテゴリー
最新トラックバック
フリーエリア カテ1
カテゴリー1のフリーアリア
下部に記載するプラグインの説明文:
フリーエリア カテ2
カテゴリー2のフリーエリア
フリーエリア ページランクテスト
フリーエリア カテ3
プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。 カテゴリー3のフリーエリア
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
フリーエリア カテ4
上部に記載するプラグインの説明文:
プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行 カテゴリー4のフリーエリア プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
下部に記載するプラグインの説明文:
ブログ内検索 カテ4
上部に記載するプラグインの説明文:
下部に記載するプラグインの説明文:
バーコード
P R
  
PR
Copyright ©   TEST_02   All Rights Reserved
Design by MMIT simple_plain Powered by NINJA TOOLS
忍者ブログ [PR]