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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
【CSS】縦横スクロールテーブル...
-
テーブルの横に画像を
-
CSSで文字を一番下の中央に表示...
-
テーブルの位置を細かく指定し...
-
【CSS】左右可変、中央固定の3...
-
更新するとずれる?
-
colspanを動的に行う
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
一つのテーブル内の文字色だけ...
-
画像と、セルのつなぎ目に白い...
-
テーブルに影をつけたい
-
tableタグとformタグの組み合わせ
-
TABLEのセルの中の文字を行単位...
-
html でのテキスト結合について
-
tableにul,または,olを入れられ...
-
テーブルの行を折りたたみたい...
-
TRタグの余白をcssで設定するには
-
cssで、表示されるテキストによ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
ウィンドウのサイズを変えても...
-
tableのheight指定が効かない
-
画像の横にテーブルを。。。
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
テーブルでスクロールを同期したい
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
table内にiframeでテーブルが崩...
-
画像と、セルのつなぎ目に白い...
-
HTMLでページの幅を設定し...
-
CSSで文字を一番下の中央に表示...
-
インラインフレームのスクロー...
おすすめ情報