人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTMLのliタブで質問です。

下記のコーティングをすると、
IEのみで、二行目のああの前に一文字空白が空いてしまいます。
対応方法はありませんでしょうか?

<li>あああ</li>
<li>ああ<br />いい</li>

尚、CSSでlist-style-type:noneが指定されております。

●質問者: makocan
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML IE T-STYLE あい コーティング
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● nontan2005
●35ポイント

自分のブログ内で試した限りでは、ulタグを使う事により

<ul>
<li>あああ</li>
<li>ああ<br />いい</li>
</ul>

こんな感じであれば詰まって表示されましたが、どうですか?

以下でも同じような使い方がされています。

http://www.dspt.net/html_tag/007_data/001.html

あまり理屈は、良く分かってないのですが・・・。


ちなみに、はてなダイアリー内で、はてな表記で同じ表示のソースを見ても同じでした。(これも、行間が開かない)

ここ(この質問の解答欄)では、どちらでも行間開かないですけど。


2 ● naleringar
●35ポイント

2行目の「ああ」の前に空白が空く状況について検証してみました。検証環境は、IE6,Sleipnir,NN,Operaです。

li タグを挟むべき ul 又は ol タグがある場合→段差は出ませんでした

li タグを挟むべき ul 又は ol タグが無い場合→段差ができました。

質問文中で、li タグについて書かれていますが、ul や ol について触れられていないため、それらがあるかどうかが鍵かと思います。以下、実験したソースを書いておきます。

<style type="text/css">
<!--
LI{list-style-type:none}
-->
</style>

ulがない場合
<li>あああ</li>
<li>ああ<br />いい</li>

<br><br>

ulがある場合
<ul>
<li>あああ</li>
<li>ああ<br />いい</li>
</ul>

とほほのwww入門

http://www.tohoho-web.com/www.htm

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ