• コミュニティトップ
• トピック一覧
• 新着トピック
• 最近活発なトピック
• 閲覧数の多いトピック

FC2ブログの追記について質問です。実は2年くらい悩んでます。 2ページ目

いつも皆様にはお世話になっております。IPOキムです。


今回は、記事作成時の追記についてお伺いいたします。
どうしても解りませんでした。


FC2ログイン後に記事作成をしますと、長くなるので追記を行い
「続きはこちら」みたいな記事を作りたいのですが、
追記に書いた記事がなぜがすべてセンター表示になります。


これをHTMLやCSSに不具合があるのでしょうか。
もしくは私が過去に何かやらかしている可能性もあるかもしれません。
参考画像あります。



よろしくお願い致します。

by キムさん  2015年08月01日 11:28

by キムさん
2015年08月01日 11:28

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

コメント一覧

新しい順  |  古い順

• 恐らく
  ブロック要素の中央寄せがきかないブラウザのために
  カラムを中央寄せにするために使われる手法ではないでしょうか。
  
  このままだと文字や画像がセンタリングされてしまうので
  これを打ち消すために
  /* ------- ▼記事の外枠部分▼ ------- */
  .entryBodybox {
  width: 568px;/*+90px*/
  margin: 0px 5px 10px 5px;
  text-align: left;
  この部分で左寄せの指定をしているようですが
  
  何らかの理由で、追記に
  この左寄せの指定が効いていないため
  本文がセンタリングされてしまうのかもしれません。
  
  ですから、下記の箇所に
  .entry_body {
  font-size: 12px;
  line-height: 150%;
  font-family: "Verdana", "ＭＳ ゴシック", "Osaka";
  margin: 15px 10px 5px 10px;
  text-align: left;
  }
  赤文字のような指定を付け足してみたら、センタリングが解除されるかもしれません。
  
  <br clear="all">というのは
  「回り込みの解除」を打ち消すためのタグなので
  文字が勝手にセンタリングされる原因になりそうなイメージがないのですが
  一度はずしてみて表示を確認してみられてはいかがでしょうか。
  by 標野ゆき  2015年08月02日 13:19
  by 標野ゆき
  2015年08月02日 13:19
• お使いのテンプレートのスタイルシートには
  body {
  color: #666;
  font-size: 12px;
  background-color: #fff;
  background-image: url('http://blog-imgs-12.fc2.com/w/e/b/webdb3/bg_dot_8x10.gif');
  text-align: center;
  
  .entry_state {
  font-size: 12px;
  color: #666666;
  font-family: "Verdana", "ＭＳ ゴシック", "Osaka";
  text-align: center;
  
  .sidetitle {
  font-family: "Verdana", "ＭＳ ゴシック", "Osaka";
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  
  /* 自己紹介画像 */
  .prfimg {
  text-align: center;
  
  .cal {
  color: black;
  font-size: 10px;
  font-family: Verdana;
  text-align: center;
  
  .cal_sun {
  color: #c00;
  font-size: 10px;
  font-family: Verdana;
  text-align: center;
  
  .cal_sat {
  color: #5982b2;
  font-size: 10px;
  font-family: Verdana;
  text-align: center;
  
  .footer {
  clear: both;
  width: 100%;
  font-size: 12px;
  text-align: center;
  
  上記の箇所にtext-align: center;があります。
  bodyタグにまで、中央ぞろえのスタイル指定があるのですね。
  
  
  by 標野ゆき  2015年08月02日 13:15
  by 標野ゆき
  2015年08月02日 13:15
• 標野ゆき様
  
  
  いつもアドバイス感謝しております！
  今回もお世話になっております（汗）
  
  
  スタイルシートに
  <div class="文字列"></div>
  <div id="文字列"></div>
  <p class="文字列"></p>
  
  という表記がない様です。
  text-align:center　についても無いようです（涙）
  <center></center> についても確認しましたが、問題が無さそうです。
  そこで下記のHTMLを見つけたのでここの何かが間違っているのでは
  ないかと感くぐっています。
  
  
  
  ---------------------------------------------------------------------
  
  
  
  <!-- ▽記事部分▽-->
  <!--topentry-->
  
  <div class="entryBodybox">
  <div class="entry_title"><a id="<%topentry_no>" name="<%topentry_no>"></a><a href="<%topentry_link>"><%topentry_title></a></div>
  <div class="entry_body">
  
  <%topentry_body>
  <br clear="all"><BR><!--more_link--> <a href="<%topentry_link>#more">“<%topentry_title>”の続きを読む＞＞</a><!--/more_link-->
  
  
  </div>
  
  
  ----------------------------------------------------------------------
  
  
  
  もしお時間があれば今回もご指導お願い致します。
  いつもありがとうございます。
  
  
  ブログ⇒　http://deskpower.blog80.fc2.com/
  
  <br clear="all">が気になっていますが、違いますでしょか。
  by キムさん  2015年08月01日 21:39
  by キムさん
  2015年08月01日 21:39
• テンプレートのHTMLの中に
  <%topentry_more>という変数があるはずですが
  これが追記の内容を代入するための変数です。
  
  この変数がどのような要素の中に置かれているのか
  その要素にはどんなクラス名（またはID）が付与されているのかを調べてみてください。
  
  多くは
  <div class="文字列"></div>
  <div id="文字列"></div>
  <p class="文字列"></p>
  このようなタグでサンドイッチして置いてあると思いますので
  この文字列をスタイルシートの中から探し出して、どんなスタイルが指定されているか
  調べてください。
  
  一般には
  記事本文をセンターぞろえにするには
  text-align:center
  このようなスタイル指定を用いることが多いです。
  
  またタグの閉じ忘れなどで
  別の個所へのスタイルが適用されてしまう場合もあります。
  この頃はあまり見なくなりましたが、<center></center> このようなタグで
  文字を中央ぞろえにするやり方もありますので
  
  この種の文字列が
  テンプレートのどこかにあって差し障っていないか
  探してみられることをお勧めします。
  
  by 標野ゆき  2015年08月01日 14:03
  by 標野ゆき
  2015年08月01日 14:03