段組の組み方

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



0   名前: チョム : 2006/07/15(土) 15:03  ID:2tfzetNK
以下のような

<TABLE BORDER="1">
<TR>
<TD rowspan="2">A</TD>
<TD>B</TD>
</TR>
<TR>
<TD>C</TD>
</TR>
</TABLE>

Aの隣にB、Cの2段というレイアウトをやりたいのですが、
上手くできなくて困っております。

お手数ですが、助言をお願い致します。

1   名前: カヅサツ ◆ThCi95HEzw : 2006/07/15(土) 15:03  [URL]  ID:f0UXxXRM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>test</title>
<style type="text/css">
#container{
	width: 98%;
	margin: 1em auto;
}
#main{
	width: 60%;
	float: left;
	border: 1px solid;
}
#side{
	width: 39%;
	float: right;
}
#sideA{
	border: 1px solid;
	margin: 0em 0em 1em 0em;
}
#sideB{
	border: 1px solid;
	margin: 0em 0em;
}
</style>
</head>
<body>
<div id="container">
	<div id="main">
		<p>a</p>
		<p>a</p>
		<p>a</p>
	</div>
	<div id="side">
		<div id="sideA">
			<p>b</p>
		</div>
		<div id="sideB">
			<p>c</p>
		</div>
	</div>
</div>
</body>
</html>

参考:http://www.geocities.jp/multi_column/

2   名前: チョム : 2006/07/15(土) 15:03  ID:2tfzetNK
返信ありがとうございます。

参考していただいたページで勉強し、
より理解できるよう努力していきたいと思います。
ありがとうございました。

一覧へ戻る