締切済み

【IE6】テーブルにcolspanが入ると幅指定がずれる？

2009/10/29 19:07

閲覧いただきありがとうございます。 <Html>にて、<table>を入れているのですが <colspan>すると幅指定がずれてしまいます。タグ記述のミスなのか、仕様なのかはっきりと分からない為質問させていただきます。下記のようなテーブルを作っています。【テーブル】テーブル幅 500px 2行 5列：（各列100pxの5等分）【列内容】 1行目 ├5列全て colspan 2行目 ├1列目：100px ├2-3列目：100+100＝200px (colspan=2) ├4-5列目：100+100＝200px (colspan=2) ここで、2-3列目に幅200pxに指定した <select>タグを入れると、意図しない幅になってしまいます。意図している動きは 2-3列目の幅ぴったりに<select>が入ってほしいのですが 4-5列目の4列部分がえぐれてしまい、4-5列目が200pxではなく 100pxぐらいの描画になってしまいます。そして<select>タグは2-3列目にぴったりと入らず、後ろに100pxの空きがでてしまいます。 http://kikky.net/pc/css_bug020.html このサイトではIE6ではcolspanがあると幅指定がずれるとなっていますが、同一の現象なのでしょうか？示唆いただければ幸いです。宜しくお願いします。 --------------記述html--------------- <html> <head> <title> ColSpanテスト </title> </head> <body> <table width="500" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" style="border-collapse: collapse;" > <colgroup> <col width="100" /> <col width="100" /> <col width="100" /> <col width="100" /> <col width="100" /> </colgroup>  <tr> <td colspan="5"> span5 </td> </tr>  <tr>  <td> </td>  <td nowrap colspan="2" > <select style="width:200px;" size="1" name="sl" id="sl"> <option value="99999">２列にしたい</option> </select> </td>  <td colspan="2" > 200pxなのに・・・ </td> </tr> </table> </body> </html>

あんらいぷぜろいち（@Unripe01）
お礼率100% (16/16)

HTML
回答数1
ありがとう数8

みんなの回答 （1）
専門家の回答

みんなの回答

med2dic
ベストアンサー率77% (21/27)

2009/10/30 09:05 回答No.1

４-５列目のtdにstyleで幅を指定してみましたこんな感じでしょうか？違ってたらすみません IE6でしか確認していません <td colspan="2" style="width:200px"> 200pxなのに・・・ </td>

質問者

お礼 2009/10/30 09:46

ご回答頂き、ありがとうございます。ご指定の方法で解消できました！でも、<col>タグで各列の幅は一括で指定してるのですがそれが効いていない・・・ということなのでしょうか。仕様かどうか確認する方法として複数のブラウザで確認しようと思い、 http://browsershots.org/ このサイトで色んなブラウザでの表示を確認したところ IE6とSleipnirで幅のゆがみが発生していました。（同じエンジンを使ってるブラウザは全部かも？） FireFoxでは意図したように表示されます。当方、htmlの記述経験が殆ど無く、複数ブラウザで確認という初歩的な確認事が盲点となってしまってました。お手数をおかけしてしまいました。おかげで仕様だということがはっきりしてほっとしてます。ありがとうございます！