Gizport
1 回答
0
Share (facebook)
124
view
全般

cssの質問です・・・。 http://www.geocities....

cssの質問です・・・。 http://www.geocities.jp/urusion3141/index.html
ここでサイト作りの練習をしていたのですが、
ペディングを指定したら、次は色が反映されなくなりました・・・。
background-color:black;で黒に指定していた「サイド」の部分に、ペディングで間隔をあけたいと思い設定したらこうなってしまいました・・・。


下敷きである「back」の下に敷かれてしまってるのか・・・?と思って backの色を消してみてもだめです・・・。





htmlのタグが


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>
<div class="back">
<div class="head">aaaaaaaaaaaaa</div>
<div class="side">サイド</div>
<div class="main"><dl class="sidemenu_body">
</div>
<div class="side2">サイド2</div>
</div>
</body>
</html>


cssのタグが




.back{width: 1400px; min-height: 800px; margin: 0 auto;}
.head {width: 1400px; height: 200px; background-color:#FFFF00; border-style: none; border-color: red; padding:10px; margin: 0 auto;}

.side{padding-top: 30px;
padding-left: 15px;
margin-top: 15px; width:285px;
float:left; height: 855px; background-color:black;}

.main{background-color:#FF0000; float:left; width:800px; border-style: none; border-color: red; margin: 0 auto; min-height: 800px;}
.side2{float:left; background-color:#FFFF00; width:300px; height: 800px; border-style: none; border-color:#FF0000; margin: 0 auto;}





なのですが・・・。

アドバイスのほどどうかお願いします・・・。
Yahoo!知恵袋 3562日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
左下のdivの色が反映されない件ですよね?
ブラウザ上でソースを見てみると、色の指定の仕方が

。。background-color:black;

となっており「。。」のせいでエラーになっている様です。

その他にもheadのmarginも「。。」がついておりエラーになっています。backと同じ幅だから中央表示されている様に見えますが、widthを小さくすると左よりになります。

余計なお世話だと思いますが、ついでに指摘します。

padding ですが、日本語の読みとしては「パディング」と言います。先の方が言っていた件ですが、例えば、
横幅300pxのタグにパディングで左右に50px付けると、合計400pxのタグになります。この事は縦幅でも同様です。なので必要に応じて幅の数値を小さくする事も重要です。

後、mainの中の<dl>の閉じタグを忘れています。
また、サイト幅が1400pxにしていますが、大きすぎです。私のパソコンで見ると横スクロールしないと見れません。この様な横スクロールが発生すると見づらくなるの対処した方がいいですよ。
Yahoo!知恵袋 3562日前
シェア
 
コメントする
 

参考になったと評価
  このQ&Aは参考になりましたか?

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
18
Views
質問者が納得左下のdivの色が反映されない件ですよね? ブラウザ上でソースを見てみると、色の指定の仕方が 。。background-color:black; となっており「。。」のせいでエラーになっている様です。 その他にもheadのmarginも「。。」がついておりエラーになっています。backと同じ幅だから中央表示されている様に見えますが、widthを小さくすると左よりになります。 余計なお世話だと思いますが、ついでに指摘します。 padding ですが、日本語の読みとしては「パディング」と言います。先の...
3562日前view18
全般
24
Views
質問者が納得>それが効き過ぎで風の強さは5段階の最低1にして >温度設定は28℃~30℃にしても、夜は寒いです >寒いと止めて暑くなるとつけて手動サーモスイッチ状態です この使い方が間違いです。 エアコンのサーモスタットは、エアコンの本体に付いています。 そこで冷房運転で風量を1にするとエアコンから出た冷気は、床面に溜まります。 所が、天井付近のエアコンのサーモには暖かい空気が入るので、何時までも冷房運転をしてしまいます。 その為、床面は、低温で天井付近は暖かくなっている状態になります。 この場合は、風量自動にするか...
3717日前view24
全般
43
Views
質問者が納得回線は有線?無線?どっちですか?
3958日前view43
全般
33
Views
質問者が納得電気屋です IHヒーターが正常が前提で書きますが、 基本的に各世帯ごとにわかれていますが。 大元をたどれば、同じところに繋がっています。 各相のバランスよく各世帯で使われていれば問題はありません。 まれにバランスが悪く配線されていたり、家電品のつながり方で、 バランスが崩れることがあります。 一時的に電圧が下がる可能性はあります。 電圧の問題は電力会社に相談するのが良いかと思います。 色々と測定をして、原因を探してくれます。 個人的意見ですが HIヒーターの点検が先だと思います。 違うお部屋の違うコンセ...
3995日前view33
全般
34
Views
質問者が納得冷蔵庫など、他の家電製品の消費電力が増えている可能性はありませんか? 冷蔵庫の場合、室温が高いほど消費電力が増えます。また、氷をよく使うようになったり、冷たいものを飲むようになったりすると扉の開閉が増えるため、消費電力が増えます。
4257日前view34

取扱説明書・マニュアル

521view
http://dynabook.com/.../gx1c0008wi10_prt.pdf
60 ページ0.89 MB
もっと見る

関連製品のQ&A