html、CSSを使用。うまくいきません。ソース見てください。

解決済

質問者：pmaster
質問日時：2005/05/20 17:09
回答数：2件

<html>
<head>
<style type="text/css">
table{
border-collapse:collapse;
}
.main{
border-style:solid;
border-color:#33ffff;
border-width:0px 7px 0px 7px;
}
</style>
</haed>
<body>
<table class="main" border=0>
<tr><td width="400" bgcolor="red" colspan="2">ああ</td><td></td></tr>
<tr><td width="200" bgcolor="green">いい</td>
<td width="200" bgcolor="blue">うう</td></tr>
</table>
</body>
</html>

このようなソースを作成しました
２段のテーブルで１段目はセルを連結させてあるものです。
その後CSSで両端(背景とテーブルの境界線)に【水色】の線を入れたのですが・・・。
右側だけ、線【水色】とテーブルの白い部分、の間が空いてしまいます。
どぅしたら良いでしょうか？
長々と申し訳ありません。よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#21343
回答日時：2005/05/20 17:18

とりあえず。

<tr><td width="400" bgcolor="red" colspan="2">ああ</td></tr>

<td></td>を一つ削除。

－－でいかがでしょ？

- 0
- 件

通報する

この回答へのお礼

おぉ～投稿してからの回答までの早さ・・・感動しております。早々なる回答ありがとうございます。
ぁ～セルを連結する　とぃうことは　空セルを用意しないといけないものだと思ってました。これでデザイン的に解決できそぉです。ありがとうございました。

通報する

お礼日時：2005/05/20 17:37

No.2

回答者： inu2
回答日時：2005/05/20 17:25

ああの1行目の横に無駄な<td></td>ありますよ

----
<table class="main" border="0">
　<tr>
　　<td width="400" bgcolor="red" colspan="2">ああ</td>
　</tr>
　<tr>
　　<td width="200" bgcolor="green">いい</td>
　　<td width="200" bgcolor="blue">うう</td>
　</tr>
</table>
-----------
あと、おせっかいかもしれませんがborder=0 のような値はborder="0"のように囲んだほういいと思いますよ