FC2ブログで最新記事一覧を左寄せに

質問

FC2ブログで最新記事一覧を左寄せに

したいのですがどうすればいいでしょう

ソース
<div id="main">
<!--recent-->
<%recent_year>/<%recent_month>/<%recent_day><%recent_youbi><a href="<%recent_link>"><%recent_title></a>
<!--/recent-->

回答No.2

zeff · ベストアンサー

#1です。
言葉足らずだったようですみません；

回答した後になって、
<div>の方が正しいのかな？とも思ったのですが、
<p>でもうまく出来ちゃったので＾＾；
試しに<div>でもやってみましたがOKでした。
<p>内で改行するのはやや抵抗がありますが、
そうしても良いという意見も見かけます。

確認はFirefox3.6のみで行ないました。
「ずれる」というのは英語の曜日表示にすると、
アルファベットの幅の違いから、
（Wedが一番長く、Friが一番短い）
記事タイトルの頭が左右にガタボコになる、
ということを言いたかったのです；

きっちり揃ってるほうが見た目にキレイなので、
先の回答の2例目で和曜日を提案した次第です。
英語曜日ならばFirefoxからもIE6からもずれていて、
和曜日ならばFirefoxからもIE6からもずれていません。
（IE8は使っておりません）

お礼

最終的にこうなりました

<div id="main">
<!--recent-->
<p style="text-align:left;">
<%recent_year>/<%recent_month>/<%recent_day>(<%recent_youbi>)<a href="<%recent_link>"><%recent_title></a>
</p>
<!--/recent-->

<div>は多用を避けたほうがいいらしいので<p>で
<br>は使わなくても大丈夫なようです
変数の中にダグ入れられると思わなかったので助かりました

＞「ずれる」というのは英語の曜日表示にすると、
＞アルファベットの幅の違いから、
＞（Wedが一番長く、Friが一番短い）
＞記事タイトルの頭が左右にガタボコになる、
＞ということを言いたかったのです；

な、なるほどー気づかなかった
文字小さくする予定なのでそれほどガタボコにならない・・・はず、たぶん
気になったら和曜日にしてみます

丁寧な回答ありがとうございました

回答No.1

zeff

<div id="main">
<p style="text-align:left;"><!--左寄せ-->
<!--recent-->
<span style="margin-right:10px;"><!--記事題名との間を空ける-->
<%recent_year>/<%recent_month>/<%recent_day></span>
<a href="<%recent_link>"><%recent_title></a>
<br /><!--改行-->
<!--/recent-->
</p>

曜日は入れるとずれるのと、
画像を見ると入っていないので外しました。
和曜日ならずれませんけれども。

<p style="text-align:left;">
<!--recent-->
<span style="margin-right:10px;"><%recent_year>/<%recent_month>/<%recent_day>(<%recent_wayoubi>)</span><a href="<%recent_link>"><%recent_title></a><br />
<!--/recent-->
</p>

お礼

<p>で囲んでも大丈夫なのかー

＞曜日は入れるとずれるのと、
＞画像を見ると入っていないので外しました。
＞和曜日ならずれませんけれども。
私はIE8なんですがずれてないです、Firefoxとかだとずれるのかな？
よろしければブラウザを教えてください

それはともかく無事左寄せに出来ました
回答ありがとうございます！