<div id="center">
<div id="1">aaa</div>
</div>
私がいまつくっているホームページは
ヘッダー
メインは左右2個に分かれていて
フッター
という形です。
ヘッダーとメインの左側はうまく配置出来ました。
しかし、メインの右側のcssが全く表示されません。
メインのソースは
<div id="in">
<div id="left">
左側のソース・・・・
</div>
<div id="center">
<div id="1">aaa</div>
</div>
</div>
ここで右側に一行目に表示ででてくるはずの<div id="1">のcssが全く表示されません。
<div id="●●●">〜</div>の中に<div id="●●●"></div＞は入れられないとかそういった単純なことなのでしょうか？
一様cssには
#center {
float: right;
height: 1420px;
width: 585px;
}
#1 {
margin: 0px;
padding: 50px 20px 20px 15px;
height: 105px;
background-image: url(../images/t1_17.jpg);
background-repeat: no-repeat;
}
とかいています。
宜しくお願いします。
No.1
106
16
30pt
id や class の先頭は数字はルール違反です。気をきかして表示してくれるブラウザもあるのですが、一応アルファベットを1の前に入れてみてください。
これでだめなら、情報不足です。全体の html と css の記述を教えてもらえませんか。in や left の記述も必要です。
No.1
10616
ここでベストアンサー
30pt
id や class の先頭は数字はルール違反です。気をきかして表示してくれるブラウザもあるのですが、一応アルファベットを1の前に入れてみてください。
これでだめなら、情報不足です。全体の html と css の記述を教えてもらえませんか。in や left の記述も必要です。
ありがとうございました。直りました。
またお願いします。
No.2
2915301
30pt
73
69
<html>
<head>
<title>テスト</title>
<style>
div.header { background-color:#FF0000; }
div.left { background-color:#00FF00; width:30%; float:left;}
div.right { background-color:#0000FF; width:70%; float:left;}
div.footer { background-color:#FF0000; clear:both; }
</style>
</head>
<body>
<div class="header">ヘッダーだよ～～ </div>
<div class="left">メニューだよ</div>
<div class="right">ボディだよ</div>
<div class="footer">フッターだよ～～</div>
</body>
</html>
説明用に必要最低限のものしか書いてないので高さとか幅とかは適宜調整してくださいね。
直りました。
丁寧にありがとうございました。
No.3
37952
30pt
id属性値に「1」などの数字から始まるものは使えませんのでそれが原因でしょう。
一応、数字から始まるID値でもCSS側は問題ありません。
|>>
#\1 {
margin: 0px;
padding: 50px 20px 20px 15px;
height: 105px;
background-image: url(../images/t1_17.jpg);
background-repeat: no-repeat;
}
<<|
のように\を付けると、ハイフン、数字などから始まるID値を使えます。
ですが、「1」はアルファベットから始めるものに変更したほうがよいでしょう。
直りました。
ありがとうございます。
＃1が原因でした。
No.4
1364
30pt
文から推測できる範囲では、
divは中身がないときの、無指定のwidth,heightは0です。
背景画像の左の方が背景色と同じなら表示していないように見えるでしょう。
#1にwidthを指定するか、文章なのでdiv id="1"をp id="1"に置き換える。
（無論 id="1"は文法上正しくないので変える）
背景画像の相対urlはcssから見た位置になります。
読み込むhtmlやcgiからの位置になっているなら、変えましょう。
urlを書かれたほうが、より詳しい回答が得られると思います。
p.s.
divの中にdivを置くのは間違いではないです。
ただ、body,div直下にインライン要素を置く（「body」から「要素」までの入れ子をたどったとき、divしかないという状況）のは、なるべく避けましょう。
あくまでdivは「区切り」として使い、要素はp,h1,h2,ol,ul,li,dl,dt,ddなどで包みましょう。
△
<body>
<div>
<div>あああ</div>
</div>
</body>
○
<body>
<div>
<p>あああ</p>
</div>
</body>
ダミー(自己サイト) http://oh.skr.jp/web/
ありがとうございました。
丁寧にかいていただきありがとうございました。
1
1
2
2
1
1
5
ありがとうございました。直りました。
またお願いします。