表示をPC画面のセンターにしたいです
Microsoft Edgeで記事の作成やリンク先の閲覧をしていますが、
全体の表示が左寄りになっており、ちょっと作業しずらい状況にあります。
センター表示の方法がありましたらお教えお願いします。
ちなみに、ｗ10にバージョンアップした際に、旧のＩＥでは表示が滅茶苦茶でしたので、Microsoft Edgeにした次 第です。最近ＩＥでのブログ表示が正常に戻ったようで文字色やセンター表示も正しく出ています。ＩＥに戻そうかとも考えています 。よろしくお願いします。
ご丁寧に教えていただき有難うございました。
御礼申し上げます。
トピックへの投稿については、今後気を付けたいと思います。
本当に失礼いたしました。
手順だけ一応書いておきます。
①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/blue bird/bg.gif) left top repeat-y;
}
③のすぐ近くにある
body {
font-family: verdana,"\FF2D\FF33\20\FF30\30B4\30B7\30 C3\30AF", "\30D2\30E9\30AE\30CE\20Pro\20W3", HiraKakuPro-W3, Osaka, sans-serif;
background: url(http://templates.blog.fc2.com/te mplate/bluebird/bg.gif) left top repeat-y;
padding: 0 0 10px 0;
color:#666;
}
から赤字部分削除。
くれぐれも今カスタマイズすると不具合に見舞われる、というのをお忘れなくー (´・ω・｀)
----
これ余談ですが、ご質問がマルチポストです。
(同じ内容を重複して書き込む行為)
どれか一つに絞った方が良いと思います。
一応マナー違反にあたります(笑)
-----
いえいえ。
必要以上に気に病まれないようお願いします ^^;
2016年03月05日 01:38 by vanillaice (Akira)
これちょっと厄介な作りですよねぇ (´・ω・｀)
手順の前にいくつか。
① 現在FC2メンテの影響か、カスタマイズをするとテンプレが崩れる恐れがあります。
該当テンプレについても悪影響が出ます。
(バックスラッシュがソース内に含まれるため)
フォントがものすごく小さくなってしまいます。
本件は私もFC2に問い合わせ中ですので、カスタマイズは日を置かれた方が良いと思います。
② 当該テンプレートは記事幅の変更(大きくする)といったことはできません。
何故ならヘッダー画像が一枚画で、それがそのまま全体幅になるレイアウトだからです。
記事幅を広げてしまうとヘッダーとのバランスが失われます。
(横にある茶色と水色のボーダーライン(こちらも画像です)の位置がズレます)
それでもおやりになるかどうかの確認をまずお願いします(笑)
記事幅を大きくしたいという希望のある方は画像を多用したテンプレは避けるべきです (´・ω・｀)
特に今回のような
画像サイズ=レイアウト幅
になったものは幅変更には圧倒的に不向きです。
画像の加工ができるのならば別ですが。
2016年03月05日 01:13 by vanillaice (Akira)
今時間がありませんので、またのちほど参ります。
取り急ぎ「気付きましたよ。」というお知らせまで(笑)
2016年03月04日 22:36 by vanillaice (Akira)
vanillaice (Akira)様
ひげ爺でお世話になりました。
ちょっとしたトラブルでＵＲＬを変えて新規にブログ作成をしております。
テンプレートは公式テンプレート２３ページ９番目の「bluebird」が
鳥のイラストでいいなあ・・と思っています。ただこのテンプレートは左寄り
なので、センターに移動できないかと思い、ｆｃ2の質問しましたが回答できない
との返事でした。Akiraさんのお力をお貸しいただけませんか？
何度も申し訳ございません、よろしくお願いします。
タイトルは野鳥風景、ＨＮは野鳥とひげ爺です。
できましたか。
良かったですー。
お疲れ様でした
2015年11月04日 11:29 by vanillaice (Akira)
vanillaice (Akira)様
何度もご丁寧にありがとうございました。
センタリングに成功しました。
取り急ぎお礼申しあげます。
こっちでした ↓
<table width="900"height="100%" bord er="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-pos ition: center top; margin: 0 auto;&qu ot;>
(センタリング検証済み)
こちら共有テンプレだったんですね。
公式かと （￣∀￣；）
他製作者さんのソース内容には触れないようにしているのですが、勘違いしてしまいました (*_ _)
今回は作者さん不在(更新しておられないようなので...)の特別処置ということでお願いします (*_ _)
拡大率についてはCtrl + (+)で10%刻みができませんかね (´・ω・｀)
私macからアクセスしていますもので。すみません （￣∀￣；）
Ctrl + (-) で縮小、Ctrl + 0で等倍。
だったと思います。
Edgeではやったことないので絶対とは言えませんが。
(+と-の外のかっこは見やすいよう便宜上入れました)
2015年11月03日 16:11 by vanillaice (Akira)
vanillaice (Akira)様
重複しての質問も、すっかり忘れておりました。失礼をお許しください。
今回もご丁寧にご回答ありがとうございました。
早速、実行（更新）してみましたが、変化がございませんでした。
ご指摘を頂戴しましたように、Edgeでこのまま使っていきたいと思います。
IEでの表示はしておりません。
ここで質問しては失礼かと思いますが、･･･マークで表示拡大しようとすると
いきなり１２５％になりますが、もう少し小刻みに拡大出来ないものでしょうか？
ごめんなさい。このパターンではダメですね。
Ctrl+Fキー検索 htmlソース内
<table width="900px" height="200" bo rder="0" cellpadding="0" cellspacing=&qu ot;0" style="background-image:url(http://blog-imgs -29.fc2.com/m/i/m/mimitemplate/xo_back_title0909.jpg); backg round-repeat: repeat-x;background-position-x: left">
ここに一部追加で以下の通り
<table width="900px" height="200" bo rder="0" cellpadding="0" cellspacing=&qu ot;0" style="background-image:url(http://blog-imgs -29.fc2.com/m/i/m/mimitemplate/xo_back_title0909.jpg); backg round-repeat: repeat-x;background-position-x: left ; margin: 0 auto;">
セミコロンも忘れず入れてください。
2015年11月03日 15:07 by vanillaice (Akira)
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー
