各パーツが上手く配置できません。
-
0 名前： りえ ： 2006/02/24 19:18
- 皆さんに、教えていただいたおかげで、少しづつ形ができてきました。
もう少し教えていただきたいのですが、
下記ＵＲＬにトップページをアップロードしました。
http://thai777.web.fc2.com/test_18feb.html
このページは、大きく分けて
以下の５つのパートに分かれています。
●ヘッダー
●ポップアップメニュー
●サイドナビゲーション
●本文左段落
●本文右段落
●著作権情報
全体を<div class="contents">で括って、
上記5つのパーツが、<div calss="contents">で
指定した、#ffffffの背景色の中に納まることを
期待したのですが、上手く行きません。
ページをごらんいただけると、わかりやすいかと思うのですが、
<div calss="contents">部分（？）には、●ヘッダー部分と
●著作権情報部分だけが入り込んで、他のパーツは、全て
外にでてしまいます。
このページは、fc2の無料スペースにアップロードしましたが、
fc2のバナー広告が、表示されている位置から考えると
ページのお尻部分が、予想外の位置で認識されているようなのです。
どうすれば、全てのパーツを、<div calss="contents">の中に
収めることができるのでしょうか？
また、私の書いたスタイルに、致命的な問題点や、改善すべき点
があれば、教えていただけたらうれしいです。
本当にいつも助かっています。
もう少しだけ教えて下さい。
お願いします。
-
1 名前： 匿名希望 ： 2006/02/24 19:18
- 何はともあれ、下記チェッカでマイナス点をとらないようがんばること。
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
-
2 名前： カヅサツ ： 2006/02/24 19:18 ［URL］
- レイアウトというのは、言葉ではイマイチ伝わりにくいので、できれば画像あたりがあると良い案配だと思います。
-
3 名前： りえ ： 2006/02/24 19:18
- カヅサツさん
レイアウトというのは、下記にアップしたファイルでご確認いただけると
ありがたいのですが。
http://thai777.web.fc2.com/test_18feb.html
それとも、私は何かカヅサツさんの書かれた意味を勘違いしているのでしょうか？
配置が思うように行かず、困っております。
よろしくお願いします。
-
4 名前： Le ple do ： 2006/02/24 19:18
- ＞配置が思うように行かず、困っております。
あなたが“期待している配置 (≒レイアウト)”を画像で示してもらう事ができれば、答える側もより具体的に答えられる、という意味です。
-
5 名前： あわよ ： 2006/02/24 19:18
- もう遅いかもしれませんが。。。
position:absoluteしたボックスは絶対配置なので
ここで言う<div calss="contents">と兄弟関係ではなく、
ただ、<div calss="contents">の左上からの距離に配置されたものです。
参照URL http://hp.vector.co.jp/authors/VA022006/css/visualren.html#position
なので、<div calss="contents">の中に<div class="menu2">これらが入っているわけでなく
<div calss="contents">の左上からTOP：*px;left:*pxの位置に重ねて乗っかっているという風に想像されるといいと思います。
りえさんの<div calss="contents">はheightが指定していないので
<h1><a href="#">text</a></h1>
と
<div class="clear">
<img src="../graphic/1px.gif" alt"">
</div>
と
<address>
Copy Right<a href="">TEXTTEXTTEXT</a>
</address>
が入るだけの高さになっています。
なのでCopy Rightやfc2webの広告もあのような位置になっています。
ということは
<div calss="contents">をみんなが入って見えるような（例 900px）高さに指定します。
あとは、Copy Rightの位置をpositionで決めるか、他の方法で調節するかでいいと思います。
-
6 名前： りえ ： 2006/02/24 19:18
皆様に色々と教えていただいたおかげで、少しづつ
形ができてきました。
ありがとうございます。
