ブログ

トピック詳細

コメント一覧 14件中、11～14件表示

• 恐らく
  ブロック要素の中央寄せがきかないブラウザのために
  カラムを中央寄せにするために使われる手法ではないでしょうか。
  
  このままだと文字や画像がセンタリングされてしまうので
  これを打ち消すために
  /* ------- ▼記事の外枠部分▼ ------- */
  .entryBodybox {
  width: 568px;/*+90px*/
  margin: 0px 5px 10px 5px;
  text-align: left;
  この部分で左寄せの指定をしているようですが
  
  何らかの理由で、追記に
  この左寄せの指定が効いていないため
  本文がセンタリングされてしまうのかもしれません。
  
  ですから、下記の箇所に
  .entry_body {
  font-size: 12px;
  line-height: 150%;
  font-family: "Verdana", "ＭＳ ゴシック", &qu ot;Osaka";
  margin: 15px 10px 5px 10px;
  text-align: left;
  }
  赤文字のような指定を付け足してみたら、センタリングが解除されるかもしれません。
  
  <br clear="all">というのは
  「回り込みの解除」を打ち消すためのタグなので
  文字が勝手にセンタリングされる原因になりそうなイメージがないのですが
  一度はずしてみて表示を確認してみられてはいかがでしょうか。

  2015年08月02日 13:19 by 標野ゆき

• お使いのテンプレートのスタイルシートには
  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", "ＭＳ ゴシック", &qu ot;Osaka";
  text-align: center;
  
  .sidetitle {
  font-family: "Verdana", "ＭＳ ゴシック", &qu ot;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タグにまで、中央ぞろえのスタイル指定があるのですね。
  
  

  2015年08月02日 13:15 by 標野ゆき

• 標野ゆき様
  
  
  いつもアドバイス感謝しております！
  今回もお世話になっております（汗）
  
  
  スタイルシートに
  <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>&q uot;></a><a href="<%topentry_link>&qu ot;><%topentry_title></a></div>
  <div class="entry_body">
  
  <%topentry_body>
  <br clear="all"><BR><!--more_l ink--> <a href="<%topentry_link>#more" >“<%topentry_title>”の続きを読む＞＞</a><!--/more_ link-->
  
  
  </div>
  
  
  ----------------------------------------------------------- -----------
  
  
  
  もしお時間があれば今回もご指導お願い致します。
  いつもありがとうございます。
  
  
  ブログ⇒　http://deskpower.blog80.fc2.com/
  
  <br clear="all">が気になっていますが、違いますでしょか。

  2015年08月01日 21:39 by キムさん

• テンプレートのHTMLの中に
  <%topentry_more>という変数があるはずですが
  これが追記の内容を代入するための変数です。
  
  この変数がどのような要素の中に置かれているのか
  その要素にはどんなクラス名（またはID）が付与されているのかを調べてみてください。
  
  多くは
  <div class="文字列"></div>
  <div id="文字列"></div>
  <p class="文字列"></p>
  このようなタグでサンドイッチして置いてあると思いますので
  この文字列をスタイルシートの中から探し出して、どんなスタイルが指定されているか
  調べてください。
  
  一般には
  記事本文をセンターぞろえにするには
  text-align:center
  このようなスタイル指定を用いることが多いです。
  
  またタグの閉じ忘れなどで
  別の個所へのスタイルが適用されてしまう場合もあります。
  この頃はあまり見なくなりましたが、<center></center> このようなタグで
  文字を中央ぞろえにするやり方もありますので
  
  この種の文字列が
  テンプレートのどこかにあって差し障っていないか
  探してみられることをお勧めします。
  

  2015年08月01日 14:03 by 標野ゆき