ＣＳＳが一部反映されない

[新着] Webテンプレートを仮オープンしました

0   名前： みゆき ： 2006/06/15（木） 12:56  ［URL］  ID:FMapAYD0
はじめまして。

ＣＳＳで「line-height: 140%;」と指定しているのに反映されません。
何が原因なのかわからず困っております。

ＨＴＭＬは上記のＵＲＬでご確認ください。
タイトルやメニューなど文字が入っていましたがその箇所は削除したので
ちょっと変になっています。

スタイルシートの記述は以下のとおりです。

body{
font-family: "ＭＳ Ｐゴシック" ;
font-size:15px;
line-height: 140%;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

P{
font-family: "ＭＳ Ｐゴシック"
line-height: 140%;
font-size: 15px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}
h1 {
font-family: "ＭＳ Ｐゴシック"
line-height: 110%;
color: #990000;
font-size: 15px;
margin-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
}

h2 {
font-family:Verdana,Arial Black;
color: #000000;
font-size:15px;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #ffd0d0;
line-height: 110%;
}
h3 {
font-family:Verdana,Arial Black;
color: #000000;
font-size:15px;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #ffd0d0;
line-height: 110%;
}

ul{
font-family: "ＭＳ Ｐゴシック" ;
font-size:15px;
line-height: 140%;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-align:left;
margin-left: 20px;
margin-top: 0;
padding-left: 0;
vertical-align:top;
}
div#top{
width:750px;
height:150px;
border-width: 1px;
border-style: solid;
border-color:#d56a00;
border-collapse: collapse;
background-image : url(128-55.gif);
background-repeat:repeat;
}
div#menu{
background-color: #ffdab9;
padding-left: 5px;

}
div#side{
width:185px;
height: 20px;
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color:#6495ed;
border-collapse: collapse;
padding-left: 5px;
margn-top: 5px;
}

div#main{
width:555px;
background-color: #ffffff;
padding-left: 10px;
padding-right: 10px;
margin-top:5px ;
}

}
div#sidebox1{
width:185px;
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color:#6495ed;
border-collapse: collapse;
padding-left: 5px;
margin-top:5px
}

}
div#sidebox2{
width:185px;
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color:#6495ed;
border-collapse: collapse;
padding-left: 5px;
margin-top:5px

}

おそらく初歩的なミスではないかと思います。
お手数をおかけしますが、よろしくお願いいたします。
1   名前： 匿名 ： 2006/06/15（木） 12:56
テーブル内のものだからじゃないでしょうか
テーブル関係のものにも　line-height: 140%;　を適用させてやればいいのでは
2   名前： カヅサツ ◆ThCi95HEzw ： 2006/06/15（木） 12:56  ［URL］  ID:O5hEMlpW
http://www.eau-du-ciel.lad.jp/tesuto/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


HTML 4.01 Transitional の文書型宣言で、システム識別子を省略すると、多くのブラウザでは CSS のルールを正しく解釈しません。body要素に指定した line-height が継承されないという不具合は、この1つです。

HTML 4.01 Transitional にするなら、システム識別子を省略しないようにしてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">


あるいは、HTML 4.01 Strict に適合するように HTML を書き直すという手もあります。
3   名前： みゆき ： 2006/06/15（木） 12:56  ID:FMapAYD0
ご回答ありがとうございます。
私もそう思って試したのですが、ダメでした。

他の方法を考えます。
お騒がせいたしました。
4   名前： みゆき ： 2006/06/15（木） 12:56  ID:FMapAYD0
＞ガヅサヅさん

ご回答ありがとうございます。

＞<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

ホームページビルダーを使用しているのですが、上記のように記入しても
訂正されて元に戻ってしまうんです。

＞あるいは、HTML 4.01 Strict に適合するように HTML を書き直すという手もあります。

この点に関しては、知識がないので残念ですが・・・

お騒がせして大変申し訳ありませんでした。
ご協力ありがとうございました。
5   名前： 匿名 ： 2006/06/15（木） 12:56  ID:6PNn95T4
>ホームページビルダーを使用しているのですが、上記のように記入しても
>訂正されて元に戻ってしまうんです。

ビルダーが勝手に修正しないように、
ビルダーの設定を変更すればいいのではないでしょうか？

http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0060
（ビルダー10をお使いの場合は、修正プログラムが必要。
http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1704）
6   名前： みゆき ： 2006/06/15（木） 12:56  ID:FMapAYD0
＞匿名さん

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

ただ、トップの幅とメニュー（トップの下の色だけの部分）の幅は同じなのに
メニューの幅が広がってしまいました。

よくわかりませんが、メニューの幅を小さくすれば解決できると思いますので。

どうもありがとうございました。
一覧へ戻る