＜緊急＞テーブルを使わないで作るには？

お世話になります。
<table width="740" cellspacing="0">
<tr valign="middle">
<td width="367"></td>
<td></td>
</tr>
<tr valign="middle" bgcolor="FFFFCE">
<td>　　<a href="A073.htm" target="_parent" class="style132">・　あああ</a></td>
<td>　　<a href="A017.htm" target="_parent" class="style132">・　いいい</a></td>
</tr>
<tr valign="middle" bgcolor="FFCCFF">
<td>　　<a href="A069.htm" target="_parent" class="style132">・　ううう</a></td>
<td>　　<a href="A043.htm" target="_parent" class="style132">・　えええ</a></td>
</tr>
<td></td>
</tr>
<tr valign="middle">
<td></td>
<td></td>
</tr>
</table>
こちらをテーブルタグを使わない形に変更したいと思っています。
どなたかお知恵をお貸しください、よろしくお願いいたします。

No.4 ベストアンサー 回答者： sitota 回答日時： 2009/09/02 15:26

No１とNo3です。

middleは垂直でしたね。
すみません。
text-align:center;ですと水平にcenterになってしまいますね。
ごめんなさい。

<div>と<table>では用途が違うのでdivでは垂直に出来ませんが
隙間を空けたい、もしくは高さが決まっているのであれば
marginやpaddingを使ってみるのはかがでしょうか。

この回答へのお礼

何度もお答えいただき、ありがとうございました。

お礼日時：2009/09/02 16:08

No.3 回答者： sitota 回答日時： 2009/09/02 14:34

こんにちはNo１のものです。

middleは使えませんがテキストを中央に揃えたいという事であっていますか？


で、あれば

.leftbox{
width: 367px;
float: left;
text-align: center;
background: #ffffcf;
}
と追加すれば文字はcenterに背景は指定の色になるかと。
文字じゃない場合は別の方法になりますが。

No.2 回答者： yambejp 回答日時： 2009/09/02 11:05

＞tr valign="middle"

垂直方向へのセンタリングはdivではできません。
それが必須であれば、テーブルでやるのが妥当です

この回答へのお礼

ご回答いただきありがとうございました。

お礼日時：2009/09/02 15:11

No.1 回答者： sitota 回答日時： 2009/09/02 10:00

CSSのfloat を使えばよいかと思います。

簡単に

------ CSS部分

.leftbox{
width: 367px;
float: left;
}

.rightbox{
float: right;
}

.cler{
clear:both;
}
hr{
display: none;
}

----　以下本文

<div class="leftbox"><a href="A073.htm" target="_parent" class="style132">・　あああ</a></div>
<div class="rightbox"><a href="A017.htm" target="_parent" class="style132">・　いいい</a></div>

<div><hr /></div>

<div class="leftbox"><a href="A069.htm" target="_parent" class="style132">・　ううう</a></div>
<div class="rightbox"><a href="A043.htm" target="_parent" class="style132">・　えええ</a></div>

こんな感じでしょうか
CSSの内容を対応したDivです。

float: left;で次のものが左に回りこむようになります。
float: right;で右へ

最後はclear:both;で次のものが回り込まないように
回り込みを解除する。
こんな感じでどうでしょうか。

この回答への補足

さっそくのご回答ありがとうございます。

はい、だいたい思っているものに近づきましたが、
<tr valign="middle" bgcolor="FFFFCE">
をどうしたらよいのか、いまいちわかっていません。

もしお時間が許すようであれば、再度ご回答いただければ助かります。
どうぞよろしくお願いいたします。

補足日時：2009/09/02 10:25