掲示板/スタイルシート質問板/過去ログ/一覧/ テーブルの下のテーブルを作成したい

0 名前：Ａ： 2006/05/10（水） 00:04 ［URL］ ID:FMapAYD0: ＨＴＭＬのほうになるのか、スタイルシートになるのかわかりませんが
よろしくお願いいたします。

まずは、ＵＲＬのページをご覧ください。
左側にメニューがあります。

このメニューの下に同じようなテーブルを作成したいのですが、うまくいきません。

スタイルシートの記述は以下のとおりです。（外部ファイル）

body {
background-image: url(wallppr0211.gif);
}
P{
line-height: 140%;
font-size: 15px;

}
DIV#header {
background-color: #FFFFFF;
margin-top:0px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 5px;
width: 750px;
border-top-width : 1px;
border-top-style : solid;
}

div#menu {
background-color: #FFFFFF;
float: left;
width: 15%;
margin-right: 5px;
margin-left: 0px
}

div#main {
background-color: #FFFFFF;
float : left;
width : 80%;
margin-right: 0px
}

h1 {
line-height: 110%;
font-size: 15px;
margin-bottom: 0px;

}

どうぞよろしくお願いいたします。

1 名前：匿名： 2006/05/10（水） 00:04 ID:pCyGj96u: 外部スタイルシートの内容だけ書かれてもどうしようもないです。
HTMLの方も書いて下さい。

2 名前：Ａ： 2006/05/10（水） 00:04 ID:FMapAYD0: 匿名様

>HTMLの方も書いて下さい。

そのためにＵＲＬを記載しました。
ページ上にマウスを置き、右クリック→ソースの表示でＨＴＭＬがご覧いただけます。

よろしくお願いいたします。

3 名前： カヅサツ ◆ThCi95HEzw ： 2006/05/10（水） 00:04 ［URL］ ID:O5hEMlpW: 既にあるテーブルの直後に、単純に別のテーブルを記述すれば良いだけの気がします。うまくいかない、というページを拝見できれば、何処をミスっているか指摘できるかもしれません。

4 名前：匿名： 2006/05/10（水） 00:04 ID:NkXMKFnJ: >2
見落としていました、失礼致しました。

5 名前：Ａ： 2006/05/10（水） 00:04 ID:FMapAYD0: カヅサツ様

単純にテーブルの下にテーブルを作成しました。
下記のタグを追加しました。

<br><br>
<TABLE width="130" height="80" cellpadding="6" cellspacing="1" bgcolor="#990099">

<TR>
<TD bgcolor="#FFF0F5" height="30"><p align="center"><b>メニュー</b></P></TD>
</TR>
<TR>
<TD bgcolor="#FFFFFF" height="30"><P><a href="http://***">TOP</a></P></TD>
</TR>
</TABLE>

その結果、下記ＵＲＬのように段組が崩れます。

http://***

よろしくお願いいたします。

6 名前： とおりすがり ： 2006/05/10（水） 00:04 ID:78wX.Uap: ご希望通りに、メニューのテーブルの下にメニューのテーブルが出ているようですが、
どこら辺が崩れて見えるのでしょうか？

7 名前：Ａ： 2006/05/10（水） 00:04 ID:FMapAYD0: >とおりすがりさん

一番最初の投稿に記載したＵＲＬと比べていただければわかります。
メインの部分が下に下がっておりますよね？

申し訳ありませんが、おわかりにならない方は書き込みをご遠慮ください。
情報提供は充分だと思います。最初の投稿からよく読んでくださればわかると思います。
よろしくお願いします。

8 名前： カヅサツ ◆ThCi95HEzw ： 2006/05/10（水） 00:04 ［URL］ ID:O5hEMlpW: > 単純にテーブルの下にテーブルを作成しました。

http://*** を拝見しましたが、
「単純にテーブルの下にテーブルを作成」してませんね。
ヒント：テーブルとテーブルの間に余計な要素が見えます

> 申し訳ありませんが、おわかりにならない方は書き込みをご遠慮ください。

http://www.tagindex.com/bbs/note.html
> 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。当掲示板では、この「意見」なども回答のひとつとして考えています。

ここはそういう掲示板なので、お嫌なら他所の掲示板へどうぞ。
もちろん、「意見」が間違っている時、それに対して怒るというのは正当です。

9 名前：匿名： 2006/05/10（水） 00:04 ID:Iz2k4TNT: 最初のURLと後からテーブルを足したもののURLを並べて見比べてみましたが、
メインと仰っている部分は下がっているようには見えないのですが…。
メインというのはIDのmainという部分ですよね？
崩れるとの事なので、IEとFireFoxで見てみたのですが、やっぱり下がっていないです。

なので、７のレスを見る前でしたら私もとおりすがりさんと同じ事を聞いていたと思いますよ…

10 名前： Pid ◆byEkK9OALr ： 2006/05/10（水） 00:04: 私も >>0 と >>5 を Mozilla 1.7 で見比べてみましたが，『メインの部分が下に下がって』いるようには見受けられませんでした。

むしろ，私は以下の点が気になりました。

・float を clear していないので，表示域の大きさによっては「※このページは……」の部分が #main の右に回りこんでしまいます。

・#menu も #main もテーブルレイアウトで固定幅になっているため，表示域の大きさによっては #menu が隠れてしまいます。ここは #menu の表示を優先すべきです。

テーブルレイアウトと CSS 段組の混在は止め，どちらかに統一することを強くお勧めします（現時点でも，手に負えないほど複雑化しつつあるように思います）。

11 名前： とおりすがり ： 2006/05/10（水） 00:04 ID:78wX.Uap: ＞一番最初の投稿に記載したＵＲＬと比べていただければわかります。
＞メインの部分が下に下がっておりますよね？

と、言われましても、私の環境では「メインが下がって」はいないのです。
比べても二つ目のメニューテーブルがあるだけの違いです。
ですから「どこが崩れて見えるのか」と問いました。
カヅサツさんがおっしゃっているように、「メニューとメニューの間」は開いている（下のメニューが下がっている）ようですが、これはソースで指定されたとおりの表示ですから、問題点には思えませんでした。

メインが「メニューの下に」下がる、という現象であるなら、横幅が足りないのだろうと推測もできるのですが……

＞申し訳ありませんが、おわかりにならない方は書き込みをご遠慮ください。

12 名前：匿名： 2006/05/10（水） 00:04 ID:zqn32COP: それ以前に、このレイアウトでテーブル使う意味がわかりませんのですが。
メニューにはリスト要素使ってfloatさせれば良いのでは？

13 名前：Ａ： 2006/05/10（水） 00:04 ID:FMapAYD0: ご迷惑をおかけしたようで、申し訳ありませんでした。
ただ、私のブラウザでは、メインが下に下がっているのです。
（ＩＥ6.0です）

勉強不足のようですので、やり直します。
お手数をおかけしました。
ご協力ありがとうございました。

14 名前： カヅサツ ◆ThCi95HEzw ： 2006/05/10（水） 00:04 ［URL］ ID:O5hEMlpW: > ただ、私のブラウザでは、メインが下に下がっているのです。（ＩＥ6.0です）

http://***
http://***

を Windows版 Internet Explorer で見比べましたが、「メインが下がる」という現象は再現しません。

15 名前： J ◆H4l73xcuuT ： 2006/05/10（水） 00:04: 　ところで、どなたも参照URIが「老若男女誰でもが見てもいいとは言いがたい内容」であるということには突っ込まないのね。

　ともあれ、インターネットでのご商売を考えておられるようなので下記も参考資料としてあげときます。

http://www.aao.ne.jp/column/index.html

16 名前：えじ ◆HtEaXt.II9 ： 2006/05/10（水） 00:04 ID:WP1ytrfY: あー、、商品内容まで詳しく見てませんでした。
URLの部分だけこれから編集します。

ご指摘ありがとうございました。

17 名前： J ◆H4l73xcuuT ： 2006/05/10（水） 00:04: 　管理人宛メッセージの方でなくてこっちで反応しちゃってこちらこそ済みませんでした。
　早速のご対応お疲れ様でした。

18 名前： カヅサツ ◆ThCi95HEzw ： 2006/05/10（水） 00:04 ［URL］ ID:fv0v30Vt: >>15

> ところで、どなたも参照URIが「老若男女誰でもが見てもいいとは言いがたい内容」であるということには突っ込まないのね。
法に抵触するものでない限り、「内容」について云々することには、個人的にはやりたくありませんでした。

>>16

> URLの部分だけこれから編集します。

こういう時は、「何故編集したのか」を説明をしないと、いささかアンフェアであると考えます（「老若男女誰でもが見てもいいとは言いがたい内容のサイトの URLだったから」では、抽象的にすぎます）。

ちゃんと説明いただければ（そして、後日ガイドラインに追記すれば）、えじさんの運営方針を尊重しようとする常連は、それなりに気をつけることができます。

個人的には「○○のような内容のサイトの URL は問答無用で削除」は、ちょっと乱暴かな、という気がします。例えば「○○のような内容のサイトの URL を掲載するときは、その旨併記をお願いします」くらいが良いのではないでしょうか。

19 名前：えじ ◆HtEaXt.II9 ： 2006/05/10（水） 00:04 ID:WP1ytrfY: それではご説明させていただきます。

「老若男女誰でもが見てもいいとは言いがたい内容」についてですが、具体的な名称はここではちょっと書けませんが、いわゆる「アダ●トグッズ（禁止ワードにひっかかるため一部伏字で）」が写真付で紹介されていました。▲▲●●●●などです。（知りたい方にはメールで…）

もちろんそれ自体は法に触れるものではありませんし、好きな人は使えばいいと考えていますが、、少なくとも小学生くらいの子供にはその生々しい写真を見てほしくないと思いました（大きなお世話ですけど＾＾；）。

そのため、今回はリンク先を削除させていただいた次第です。

今後、同じようなケースが続くようでしたら、ガイドラインへの追記も検討してみたいと思います。（今回は特別なケースだと思いましたので、ガイドラインへの追記は見送りました）