Internet Explorer6ではテーブルにCOLSPANが指定されたセルが含まれるとcolspanを含まないセルの幅の指定がずれるというバグがあるようです。
特にこのバグは、テーブルの一段目の行の全てのセルがcolspanで結合され一つのセルになっている場合、顕著に現われるようです。
このバグは、テーブルに含まれる全てのセルにwidthを指定することである程度防げるようですが、全てのセルにwidthを指定しても、一段目のcolspanのあるセルの左右にcssでpaddingを指定しているとそのテーブルのcolspanを含まないセル(一段目以降のセル)の幅がずれてしまいます。
このバグをどのようにして回避するか、ご存知の方はおられますか?
よろしくお願いします。
キャサリン
No.1ベストアンサー
- 回答日時:
こんにちわ。
>一段目のcolspanのあるセルの左右にcssでpaddingを指定していると・・・
IEのpadding解釈はおかしいです。
出来るだけ、IEでpaddingは使わない方がいいかもしれません。
さて、上記のことですが Colspanセル に padding を適用するということは、中身の左右や上下に空間を作りたいということですよね?
それも、<table>全体のセルではなくそのセルだけに。
こういう方法はどうでしょうか?
<tr>
<td colspan="2" width=200px>
<div style="width:180px;maegin:10px;">中身</div>
<td>
</tr>
<tr>
<td width=100px></td>
<td width=100px></td>
</tr>
つまりColspanの中身を<div>タグでくくり、そのDIVの外側の余白として margin で余白を指定するというやり方です。
モチロン、Colspanのセル幅に対して余白分を考えた<DIV>の横幅に設定してくださいね。
この回答への補足
mezashi2000さん
ご回答ありがとうございました。
<div>とマージンとの組み合わせとは、なかなかのアイデアですね。
参考になりました。
もう少しいろいろなアイデアを他の方からもお聞かせ願えると助かりますので、スレッドはこのままもう少しOpenにしておきます。
キャサリン
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- Visual Basic(VBA) エクセルのマクロについて教えてください。 1 2022/12/26 12:05
- Visual Basic(VBA) 先頭と末尾を指定して連続した数字を入力 1 2022/09/14 13:12
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 3 2022/06/10 09:24
- Excel(エクセル) エクセルの関数で質問です。 3 2023/02/24 14:07
- Visual Basic(VBA) 特定の文字を含むシートだけマクロ処理をしたい 1 2023/05/22 01:43
- Excel(エクセル) 【Excel】指定のセル内容を基に別シートのセルを検索して選択する【VBA】 1 2022/06/16 16:16
- Excel(エクセル) Excelのマクロについて教えてください。 4 2022/05/31 14:07
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
箇条書きリストのすぐ横に画像...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
<SPAN>で文字を右揃えにしたい...
-
テーブルの位置を細かく指定し...
-
table内にiframeでテーブルが崩...
-
スタイルシートでテーブル内背...
-
ホームページのテーブルに斜線...
-
テーブル内に画像を表示したい。
-
テーブルの横に文字を置くタグ
-
はじめて質問させていただきます。
-
colspanを動的に行う
-
テーブル入れ子にしたらNNでは...
-
【CSS】縦横スクロールテーブル...
-
テーブルの列幅の部分固定の仕...
-
インラインフレームの隣に画像...
-
html でのテキスト結合について
-
TABLEのセルの中の文字を行単位...
-
商品詳細を横並びに表示する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
ヘッダー固定のスクロールが可...
-
tableのheight指定が効かない
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
2つのテーブルを左右に表示した...
-
一つのテーブル内の文字色だけ...
-
<SPAN>で文字を右揃えにしたい...
-
テーブルでスクロールを同期したい
-
画像の横にテーブルを。。。
-
スタイルシートで、画像の横に...
-
テーブルの高さ幅の固定方
おすすめ情報