掲示板/HTML質問板/過去ログ/一覧/ テーブルを横に並べたとき

0 名前： 名無し ： 2006/07/20（木） 18:39 ID:q7f5n7Bt: A、BというテーブルがあってAのテーブルを縦に伸ばしたいのですがBのテーブルも一緒に伸びてしまいます。
一応過去ログも見ましたが、テーブルで検索したところ無かったと思います。

誰かご返答をお願いします。

1 名前： カヅサツ ◆ThCi95HEzw ： 2006/07/20（木） 18:39 ［URL］ ID:O5hEMlpW: 何かをミスっているのだと思いますが、該当のページを拝見できれば、検証できるかもしれません。

2 名前： 名無し ： 2006/07/20（木） 18:39 ID:q7f5n7Bt: あ、申し訳ございません

こちらのページです

http://www5.pf-x.net/~artschool/index.html

まだ未完成なのでリンクはないですが・・・

3 名前： カヅサツ ◆ThCi95HEzw ： 2006/07/20（木） 18:39 ［URL］ ID:O5hEMlpW

そもそも tableを使いません(http://www5.pf-x.net/~artschool/index.html

を拝見しましたが、どう見ても「表」ではありません)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<base href="http://www5.pf-x.net/~artschool/">
<title></title>
<style type="text/css">
body{
	color: #000000;
	background-color: #FFFFFF;
	margin: 15px 60px;
}
h1{
	background-color: #FFFFFF;
	margin: 0px;
	width: 50%;
}
h2{
	font-size: 100%;
	margin: 0px;
	padding: 1px;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: white;
}
h3{
	margin: 2em 0em 0em 0em;
}
em{
	font-style: normal;
	font-weight: bold;
}
div.title{
	background-color: #0066ee;
	padding: 2px;
}
div.title ul{
	margin: 4px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	text-align: right;
}
div.title li{
	display: inline;
	margin: 0px 3em;
}
p.title{
	color:#ffffff;
	background-color: #0099cc;
	margin: 0px 0px 1em 0px;
	padding: 2px;
}
div#mainmenu{
	background-color: #99ffff;
	width: 24%;
	float: left;
	padding: 0em 0em 1em 0em;
}
div#mainmenu h2{
	color: #FFFFFF;
	background-color: #0066ff;
	text-align: center;
}
div#mainmenu ul{
	margin: 0em 1em;
	padding: 0em;
	list-style-type: none;
}
div#information{
	background-color: #ccccff;
	width: 74%;
	float: right;
	padding: 0em 0em 1em 0em;
}
div#information h2{
	color: #FFFFFF;
	background-color: #6666ff;
	padding-left: 2em;
}

a:link img,
a:visited img{
	border-width: 0px;
}
</style>
</head>

続く

4 名前： カヅサツ ◆ThCi95HEzw ： 2006/07/20（木） 18:39 ［URL］ ID:O5hEMlpW

続き

<body>
<div class="title">
	<h1><a href="index.html"><img src="logo7.gif" width="187" height="37" alt="Art School"></A></h1>
	<ul>
		<li>トップページ</li>
		<li>Q&amp;A</li>
		<li>サイトマップ</li>
	</ul>
</div>
<p class="title">絵の描き方、講座、コミュニティならここ <em>Art School</em></p>
<div id="mainmenu">
	<h2>メインメニュー</h2>
	<h3>お絵かき講座</h3>
	<ul>
		<li>ジャンル別</li>
		<li>講師別</li>
		<li>あいうえお順</li>
	</ul>
</div>
<div id="information">
	<h2>information</h2>
	<p>この『Art School』では(略)程度になってくれれば、と思います。</p>
	<p>もちろん講座を見なくてもいいですし、講座だけ見るのも自由です。</p>
</div>
</body>
</html>