アプリ版：「スタンプのみでお礼する」機能のリリースについて

テーブルが崩れる問題について

解決済

  • 質問者：unlax
  • 質問日時：
  • 回答数：2件

このような場合赤色の部分が17:00の真中に来るようにするにはどうしたらいいんでしょうか？
<table height="15%" border="0" cellpadding="5" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td height="33%"></td>
<td colspan="2" align="center">10:00</td>
<td colspan="2" align="center">11:00</td>
<td colspan="2" align="center">12:00</td>
<td colspan="2" align="center">13:00</td>
<td colspan="2" align="center">14:00</td>
<td colspan="2" align="center">15:00</td>
<td colspan="2" align="center">16:00</td>
<td colspan="2" align="center">17:00</td>
<td colspan="2" align="center">18:00</td>
<td colspan="2" align="center">19:00</td>
<td colspan="2" align="center">20:00</td>
</tr>
<tr>
<td height="33%" bgcolor="#FFFFFF">27日</td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td colspan="9" bgcolor="#FF0000"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
</tr>
</table>

通報する

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

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： gura_
  • 回答日時：

　ひょっとして、このようにしたいんでしょうか↓


<html>
<head>
<style TYPE="text/css">
<!--
TABLE { table-layout: fixed; width: 600px;}
-->
</style>
</head>
<body>

<table height="15%" border="0" cellpadding="5" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td height="33%"></td>
<td colspan="2" align="center">10:00</td>
<td colspan="2" align="center">11:00</td>
<td colspan="2" align="center">12:00</td>
<td colspan="2" align="center">13:00</td>
<td colspan="2" align="center">14:00</td>
<td colspan="2" align="center">15:00</td>
<td colspan="2" align="center">16:00</td>
<td colspan="2" align="center">17:00</td>
<td colspan="2" align="center">18:00</td>
<td colspan="2" align="center">19:00</td>
<td colspan="2" align="center">20:00</td>
</tr>
<tr>
<td height="33%" bgcolor="#FFFFFF">27日</td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td colspan="9" bgcolor="#FF0000"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
</tr>
</table>
</body>
</html>

参考URL：http://www.tohoho-web.com/css/reference.htm#tabl …
    • good
    • 0
    • 件
通報する
この回答へのお礼

まさしくこれです！！
ありがとうございます。

通報する
お礼日時：2007/03/06 09:49

No.1

列がずれっぱなしってのはブラウザの美意識に反するんでしょうか


ねぇ。Firefoxで現象を確認しました。

一番下あたりでいいから、ダミーの行を一つ作ってcolspanなしの列
をダ～っと書いとけばオッケーです。
    • good
    • 0
    • 件
通報する
この回答へのお礼

やはりそれしかないんでしょうかね…。

通報する
お礼日時：2007/02/20 20:41

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報