OperaとIEで文章が勝手に改行されているような形になってしまいます。


ソースは、

<img src="hogehoge.jpg" width="257" height="50" border="0" title="hogehoge"></a>
<p>人力検索はてなは人が答える検索サイト。どう探してよいか分からない。。。</p>

のような感じなのですが、OperaやIEですと、

<画像>
人力検索はてなは答える
検索サイト。どう探してよいか
分からない。。。

となります。僕としては、画像の幅目一杯に

<画像>
人力検索はてなは答える検索サイト。
どう探してよいか分からない。。。

と、表示したいと思っています。

これは、どのように対応すればいいのでしょうか?ちなみに、Firefoxでは意図したように表示されています。

回答の条件
  • 1人2回まで
  • 登録:2006/06/21 21:49:43
  • 終了:2006/06/21 22:37:45

回答(1件)

id:dreamworks No.1

dreamworks回答回数249ベストアンサー獲得回数62006/06/21 22:06:30

ポイント60pt

<img src="hogehoge.jpg" width="257" height="50" border="0" title="hogehoge"><br>

人力検索はてなは答える検索サイト。<br>

どう探してよいか分からない。。。<br>


でどうですか?

imgと<br>は半角で入力してください。

id:aratako0

なぜか、ダメですね。

IEやOperaの表示をちゃんと書くと、

<画像>

人力検索はてなは答える

検索サイト。どう探して

よいか分からない。。。

というふうに、右側に余白があいているような感じになるんです。余白をコードで書いたような記憶はないのですが。。。

2006/06/21 22:21:43
  • id:aratako0
    ほとんど自己解決してしまったので、質問を終わらせてください。申し訳ないです。

    とりあえずの解決は、この画像と文章は<div>のid属性でボックスを作っていたのですが、その部分にpaddingとmarginがそれぞれ設定しており、その結果余白が空いていたようです。

    それを調整した後、画像直下の文面を多少変更したところ、キレイに表示されるようになりました。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません