ひびつれづれ

ちょっと作業をして壁に2度ほどブチあたったのでめもめも。

auだけなのですが、hrと半角余白の組み合わせで表示がおかしくなりました。
FireMobile～では正常表示なのですが実機だと表示がこんなかんじに

【見せたい例】

---

---

【実機で見た例】

---

1 │ 2 │ 3

---

こんなになってしまいました。
なんてこったい＞＜
なんでだろう・・と思ったけど、原因がわからず、とりあえずタグの書き方がおかしかったのかもーってことで下記が回避例となります。
こちらで実勢に表示は修正されました。

【回避方法として】
<div style="text-align:center">
<hr size="1" style="width:100%;height:1px;margin:5px 0;padding:0;color:#000099;background:#000099;border:1px solid #003399;" />
1 | 2 | 3 | 4 | 5
<hr size="1" style="width:100%;height:1px;margin:5px 0;padding:0;color:#000099;background:#000099;border:1px solid #003399;" />
</div>

上記タグを下記のように変更

<hr size="1" style="width:100%;height:1px;margin:5px 0;padding:0;color:#000099;background:#000099;border:1px solid #003399;" />
<div style="text-align:center">
1 | 2 | 3 | 4 | 5
</div>
<hr size="1" style="width:100%;height:1px;margin:5px 0;padding:0;color:#000099;background:#000099;border:1px solid #003399;" />

hrをdivでくくらないようにしたら治りました。
単純なことなのにとっても焦ったのでした。

2011.3.11追記
制限事項がちゃんとkddiのサイトに出てましたね。
以下より確認できます。

KDDI au: HTML変換仕様 ＆ 機能制限事項

formタグでなくてもtableタグ使うと
divで組んだfont-sizeがおかしくなるのもどうにかならないものか。。
その都度span使うと容量増えるしなぁ。
table使わないのが一番なんだろうけど。