謎でもなんでもなく、まったくの技術不足なのですが、教えてください。よろしくお願いします。初めて、テーブルを使わずcssでデザインすることになりまして勉強中です。 CSSで指定していったものが途中できかなくなりました。タグの記述もこれでいいのか不安です。ページはヘッダ-メイン（左メニュー+右メインページ）-フッタという構成です。以下のように記述して、それぞれのエリアごとにやなどを指定しています。 ------------------------------- ----------------------------------- CSSで指定していって、ヘッダ-メイン（左メニュー）まではうまくいったのですが、右メインページ-フッタからCSSがきかなくなりました。 pageContent からです。構成がおかしいからでしょうか！？？？それともCSSの記述がおかしいからでしょうか！？？？ #pageContent { margin: 0px; width: 600px; float: right; } としか書いてないのですが。。。うまく説明できずにすみません。年末でお忙しいと思いますがよろしくお願いします。

に対するが無いように思えますが

【謎】途中でCSSがきかなくなりました（泣）

解決済

質問者：chisalin
質問日時：2004/12/29 13:03
回答数：4件

謎でもなんでもなく、まったくの技術不足なのですが、教えてください。
よろしくお願いします。

初めて、テーブルを使わずcssでデザインすることになりまして勉強中です。

CSSで指定していったものが途中できかなくなりました。
タグの記述もこれでいいのか不安です。

ページはヘッダ-メイン（左メニュー+右メインページ）-フッタ　という構成です。

以下のように記述して、それぞれのエリアごとに<p>や<ul><li>などを指定しています。

-------------------------------
<body>
<div id="contentBody">
<div id="headArea">
</div>

<div id="mainContentArea">
<div id="contentMenu">
</div>

<div id="pageContent">
<div class="entryBody">
</div>
</div>

<div id="footArea">
</div>

</div>

</body>
-----------------------------------
CSSで指定していって、ヘッダ-メイン（左メニュー）まではうまくいったのですが、右メインページ-フッタからCSSがきかなくなりました。

pageContent　からです。
構成がおかしいからでしょうか！？？？
それともCSSの記述がおかしいからでしょうか！？？？

#pageContent {
margin: 0px;
width: 600px;
float: right;
}

としか書いてないのですが。。。

うまく説明できずにすみません。
年末でお忙しいと思いますがよろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： gura_
回答日時：2004/12/29 14:30

　IDとclassが混用されている様ですが。

参考サイト↓
http://www.tohoho-web.com/css/basic.htm#Class

　意図されているページがわからないのでサンプルタグを書いてみましたので、ご参考に

<html>
<head>
<title>Style Sheet</title>
<style TYPE="text/css">

</style>
</head>
<body>
<div id="contentBody">
contentBody
</div>
<div id="headArea">
headArea
</div>
<div id="mainContentArea">
mainContentArea
</div>
<div id="contentMenu">
contentMenu
</div>
<div id="pageContent">
pageContent
</div>
<div class="entryBody">
entryBody
</div>
<div id="footArea">
footArea
</div>
</body>
</html>

この回答への補足

gura。様
ありがとうございあｍす。

おわかりのように左メニューまではなんとかCSSの指定どおりになっていますが、右のメインの部分がなんともおかしいです。
メイン画像は右寄せに指定しているはずなのにー（多分）
フォントの色指定もフッタも全然です。
なにがどこが悪くて、どうやったらいいんでしょう。。。

本当にすみません。

補足日時：2004/12/29 14:53

通報する

- 0
- 件

通報する

No.4

回答者： BLUEPIXY
回答日時：2004/12/29 16:49

test.htmを見に行ってみましたが

main.cssの中の
#contentMenu li {
…
}
の最後の部分で余計な"｛"があります。
多分コレのせいだと思います。

- 0
- 件

通報する

この回答へのお礼

BLUEPIXYさん、ありがとうございます。
余分な"｛"をとったらcssがききました。
よかったです。
助かりました。
ありがとうございます！！

通報する

お礼日時：2004/12/30 10:53

No.2

回答者： BLUEPIXY
回答日時：2004/12/29 14:06

<div id="contentBody">

に対する
</div>
が無いように思えますが

この回答への補足

すみません。
本来のものには入っています。
質問に記述するときに書き忘れました。

補足日時：2004/12/29 14:39

通報する

- 0
- 件

通報する

No.1

回答者： yamak
回答日時：2004/12/29 14:03

http://www.alistapart.com/
↑
たぶんこんな感じの標準的なデザインを想定してるのですよね。
右と左が逆かなとは思いますが、上記のサイトも
フルCSSレイアウトのサイトです。

具体的にはどういう状態ですか？
背景色が適用されないということでしょうか？
「float: right」を外すと、色指定だけは正確に表示されると
いう状態でしょうか。

参考URL：http://www.alistapart.com/