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

質問

お世話になります。
<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 · ベストアンサー

No１とNo3です。

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

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

お礼

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

回答No.3

sitota

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

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

で、あれば

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

回答No.2

yambejp

＞tr valign="middle"

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

お礼

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

回答No.1

sitota

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">
をどうしたらよいのか、いまいちわかっていません。

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