こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

positionの設定の仕方について

中央に1つの大きな画像を配置。
そしてその画像の左右の任意の位置に、リストを配置しようと考えています。
しかし、以下のような表記にしましたがリストが思うように配置されません。

職場ではリストの配置まではうまく行きました。
が、自宅の環境で見ると、職場とはどこかの設定が違っているのか、DW8上では配置されているのですが、ブラウザ上(IE、Ff)ではリストが全く動いていません。
画像はきちんと配置されています。
どうしてこういう違いがでるのかさっぱり分からず、質問させてもらいました。

よろしくお願いします。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>ポジションタグ練習用ページ </title>
<link href="css/position2.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="position">

<ul>
<li id="01"><a href="1.htm">あいうえお</a></li>
<li id="02"><a href="2.html">かきくけこ</a></li>
</ul>

<img src="images/flower.jpg" alt="花" width="260" height="402" id="img">

</div>

</body>
</html>


--------------------

#position {
position: relative;
left: 0px;
top: 0px;
}

#img {
position: relative;
height: 402px;
width: 260px;
left: 85px;
top: 0px;
}

#01 {
position: absolute;
height: 20px;
width: 100px;
left: -11px;
top: 0px;
background: #FFFFCC;
}

#02 {
position: absolute;
height: 20px;
width: 100px;
left: 360px;
top: 26px;
background: #FFCC99;
}

投稿日時 - 2006-07-09 08:52:27

QNo.2264600

困ってます

質問者が選んだベストアンサー

数字から始まるIDは使用出来ません。

<li id="li01">
<li id="li02">

としてみてはいかがでしょうか。

投稿日時 - 2006-07-09 09:16:05

お礼

あっ!こんな初歩的なことでつまづいていたとは…恥ずかしい…
きちんと表示されるようになり、助かりました。
ありがとうございました!

投稿日時 - 2006-07-09 09:29:06

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問