表示をPC画面のセンターにしたいです

無料新規登録

会員の方はログイン

トピック

コミュニティ

お知らせ

質問・疑問

Microsoft Edgeで記事の作成やリンク先の閲覧をしていますが、
全体の表示が左寄りになっており、ちょっと作業しずらい状況にあります。
センター表示の方法がありましたらお教えお願いします。
ちなみに、ｗ10にバージョンアップした際に、旧のＩＥでは表示が滅茶苦茶でしたので、Microsoft Edgeにした次第です。最近ＩＥでのブログ表示が正常に戻ったようで文字色やセンター表示も正しく出ています。ＩＥに戻そうかとも考えています。よろしくお願いします。

by 2015年11月03日 10:23

by
2015年11月03日 10:23

コメント一覧新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順 | 古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

ご丁寧に教えていただき有難うございました。
御礼申し上げます。
トピックへの投稿については、今後気を付けたいと思います。
本当に失礼いたしました。

by 2016年03月05日 07:37

by
2016年03月05日 07:37
手順だけ一応書いておきます。

①Ctrl+Fキー検索

<body>

の直下に以下を追加

<div id="centering">

②検索

</body>

のすぐ上に以下を追加

</div>

③CSSソース一番上にある

@charset "UTF-8";

の直下に以下を追加

#centering {
margin: 0 auto;
width: 760px;
position: relative;
background: url(http://templates.blog.fc2.com/template/bluebird/bg.gif) left top repeat-y;
}

③のすぐ近くにある

body {
font-family: verdana,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "\30D2\30E9\30AE\30CE\20Pro\20W3", HiraKakuPro-W3, Osaka, sans-serif;
background: url(http://templates.blog.fc2.com/template/bluebird/bg.gif) left top repeat-y;
padding: 0 0 10px 0;
color:#666;
}

から赤字部分削除。

くれぐれも今カスタマイズすると不具合に見舞われる、というのをお忘れなくー　(´・ω・｀)

----

これ余談ですが、ご質問がマルチポストです。
(同じ内容を重複して書き込む行為)
どれか一つに絞った方が良いと思います。
一応マナー違反にあたります(笑)

-----

いえいえ。
必要以上に気に病まれないようお願いします　^^;

by vanillaice (Akira) 2016年03月05日 01:38

by vanillaice (Akira)
2016年03月05日 01:38
これちょっと厄介な作りですよねぇ　(´・ω・｀)

手順の前にいくつか。

① 現在FC2メンテの影響か、カスタマイズをするとテンプレが崩れる恐れがあります。
該当テンプレについても悪影響が出ます。
(バックスラッシュがソース内に含まれるため)
フォントがものすごく小さくなってしまいます。
本件は私もFC2に問い合わせ中ですので、カスタマイズは日を置かれた方が良いと思います。

② 当該テンプレートは記事幅の変更(大きくする)といったことはできません。
何故ならヘッダー画像が一枚画で、それがそのまま全体幅になるレイアウトだからです。
記事幅を広げてしまうとヘッダーとのバランスが失われます。
(横にある茶色と水色のボーダーライン(こちらも画像です)の位置がズレます)

それでもおやりになるかどうかの確認をまずお願いします(笑)

記事幅を大きくしたいという希望のある方は画像を多用したテンプレは避けるべきです　(´・ω・｀)
特に今回のような
画像サイズ=レイアウト幅
になったものは幅変更には圧倒的に不向きです。
画像の加工ができるのならば別ですが。

by vanillaice (Akira) 2016年03月05日 01:13

by vanillaice (Akira)
2016年03月05日 01:13
今時間がありませんので、またのちほど参ります。
取り急ぎ「気付きましたよ。」というお知らせまで(笑)

by vanillaice (Akira) 2016年03月04日 22:36

by vanillaice (Akira)
2016年03月04日 22:36
vanillaice (Akira)様
ひげ爺でお世話になりました。
ちょっとしたトラブルでＵＲＬを変えて新規にブログ作成をしております。
テンプレートは公式テンプレート２３ページ９番目の「bluebird」が
鳥のイラストでいいなあ・・と思っています。ただこのテンプレートは左寄り
なので、センターに移動できないかと思い、ｆｃ2の質問しましたが回答できない
との返事でした。Akiraさんのお力をお貸しいただけませんか？
何度も申し訳ございません、よろしくお願いします。
タイトルは野鳥風景、ＨＮは野鳥とひげ爺です。

by 2016年03月04日 14:43

by
2016年03月04日 14:43
できましたか。
良かったですー。
お疲れ様でした

by vanillaice (Akira) 2015年11月04日 11:29

by vanillaice (Akira)
2015年11月04日 11:29
vanillaice (Akira)様
何度もご丁寧にありがとうございました。
センタリングに成功しました。
取り急ぎお礼申しあげます。

by 2015年11月03日 19:47

by
2015年11月03日 19:47
こっちでした　↓

<table width="900"height="100%" border="0" cellpadding="0" cellspacing="0" class="all_table" style="background-image:url(http://blog-imgs-29.fc2.com/m/i/m/mimitemplate/xo_backtable0909.jpg); background-repeat: repeat;background-position: center top; margin: 0 auto;">

(センタリング検証済み)

こちら共有テンプレだったんですね。
公式かと　（￣∀￣；）
他製作者さんのソース内容には触れないようにしているのですが、勘違いしてしまいました　(*_ _)
今回は作者さん不在(更新しておられないようなので...)の特別処置ということでお願いします　(*_ _)

拡大率についてはCtrl + (+)で10%刻みができませんかね　(´・ω・｀)
私macからアクセスしていますもので。すみません　（￣∀￣；）
Ctrl + (-) で縮小、Ctrl + 0で等倍。
だったと思います。
Edgeではやったことないので絶対とは言えませんが。
(+と-の外のかっこは見やすいよう便宜上入れました)

by vanillaice (Akira) 2015年11月03日 16:11

by vanillaice (Akira)
2015年11月03日 16:11
vanillaice (Akira)様
重複しての質問も、すっかり忘れておりました。失礼をお許しください。
今回もご丁寧にご回答ありがとうございました。
早速、実行（更新）してみましたが、変化がございませんでした。
ご指摘を頂戴しましたように、Edgeでこのまま使っていきたいと思います。
IEでの表示はしておりません。
ここで質問しては失礼かと思いますが、･･･マークで表示拡大しようとすると
いきなり１２５％になりますが、もう少し小刻みに拡大出来ないものでしょうか？

by 2015年11月03日 15:46

by
2015年11月03日 15:46
ごめんなさい。このパターンではダメですね。
Ctrl+Fキー検索　htmlソース内

<table width="900px" height="200" border="0" cellpadding="0" cellspacing="0" style="background-image:url(http://blog-imgs-29.fc2.com/m/i/m/mimitemplate/xo_back_title0909.jpg); background-repeat: repeat-x;background-position-x: left">

ここに一部追加で以下の通り

<table width="900px" height="200" border="0" cellpadding="0" cellspacing="0" style="background-image:url(http://blog-imgs-29.fc2.com/m/i/m/mimitemplate/xo_back_title0909.jpg); background-repeat: repeat-x;background-position-x: left; margin: 0 auto;">

セミコロンも忘れず入れてください。

by vanillaice (Akira) 2015年11月03日 15:07

by vanillaice (Akira)
2015年11月03日 15:07