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

下記、横並びのナビゲーションのソースコードですが、なぜかリンク項目1?4だけ高さが揃いません。どこに原因があるでしょうか?(ブラウザはWInのIE6です。)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title>横並びのナビゲーション</title>
<style type="text/css">
body{
margin: 0;
padding: 0;
}
li{
display: block;
float: left;
width: 7em;
margin-right: 1px;
background :#99d47f;
}
a{
display: block;
width: 6em;
padding: 1em 0.5em;
text-decoration:none;
color: #ffffff;
background :#99d47f;
}
a:hover{
color: #000000;
background :#ffff00;
}

</style>
</head>
<body>
<ul>
<li><a href="#">リンク項目1</a></li>
<li><a href="#">リンク項目2</a></li>
<li><a href="#">リンク項目3</a></li>
<li><a href="#">リンク項目4</a></li>
<li><a href="#">リンク項目5</a></li>
</ul>
</body>
</html>

宜しくお願いします。

●質問者: tengen
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:#000000 :hover background BODY COLOR
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● GEN111
●35ポイント
 <li><a href="#">リンク項目1</a></li>
↑ここにある全角のスペースを取り除くか半角のスペースにする

http://www.hatena.ne.jp

◎質問者からの返答

ありがとうございます。できました。


2 ● KUROX
●35ポイント ベストアンサー

<li>の前のスペース、「全角スペース」なのですが。

とりあえず、半角スペースに変えたら治りました。

XP SP2/IE6環境

http://q.hatena.ne.jp/answer

◎質問者からの返答

ありがとうございます。できました。

関連質問


●質問をもっと探す●



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