忍者ブログ

刻ノ深淵

低周波音と耳鳴りに悩まされ不眠状態に陥る日々とアンチエイジング。只今、現状打破を試み奮闘中。

2017.12│ 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 31

[PR]

×

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

ブログ画面を画面中央にする。

■ブログ画面を画面中央にする。
選んだ共有テンプレートのデザインが全体的に画面左よりで、ブログトップの画像素材が右上固定だったのです。
上手く説明出来ませんが、ブログ全体の横幅が固定されているような感じで解像度が高いモニタで見ると常に右側縦に空白部分が出来るような感じで何とも気持ち悪かったのです。

色々テンプレを弄ってみても画像素材は右上固定(右側縦に空白部分無しで)に持っていけてもデザインが崩れたりで思い余ってテンプレをデザインした方のブログを訪問。
ありましたっ!!

私がしたかったデザインはモニタの解像度高くても低くても画像素材は右上固定で、サイドバーや記事は左寄り(?)というものだったのですが、紹介されていたコレ(↓)でも全然問題がなかったので使用させて頂きました。
有難う御座います。

■てけてけ。
http://tktktest.blog.shinobi.jp/Entry/29/

□HTML内の下記の部分に赤文字部分を追加。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

□CSS内の下記の部分に赤文字部分を追加。
/*全体の設定*/
#mainBlock {
margin: 0 auto;
}
 
【追記】
上記の方法でダメな場合。
どうも3カラムになると通用しなくなるようです。
調べると下記サイト様にて方法が記述されていたので参考にさせて頂きました。
ありがとう御座います。

■CSS Lecture;CSSで中央配置(センターリング)する方法
 http://www.css-lecture.com/log/css-beginner/026.html

□CSS内の下記の部分に赤文字部分を追加。

/*BODY全体に関する設定*/
body {
text-aligncenter;
}   


拍手[0回]

PR
*COMMENT-コメント-
*COMMENT FORM-コメント投稿-
  • この記事へのコメント投稿フォームです。
Name:
Title:
Mail:
Url:
Color:
Decoration: Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Message:
Pass: ※編集時に必要です。
Secret:  ※チェックすると管理者へのみの表示となります。 
■カレンダー
11 2017/12 01
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
31
■プロフィール
HN:
sui
性別:
非公開
■最新記事
---2013/10/24 00:06
---2013/10/23 23:48
---2013/02/03 22:59
---2012/07/29 19:36
---2012/07/29 18:16
■最新コメント
[02/05 mic]
[05/01 きろ]
[04/23 きろ]
[03/25 通りすがり]
[03/23 通りすがり]
■ブログ内検索
■バーコード
■カウンター
■ブクログ
■防振ゴム
天然ゴムシート GS-16
天然ゴムシート GS-16
■CAC化粧品
■DHC
■B・R・Y
■楽天
■ポイントサイト
■アンケートサイト
マクロミルへ登録
■アド
■フリーエリア