- 締切済み
【IE6】テーブルにcolspanが入ると幅指定がずれる？
閲覧いただきありがとうございます。 <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)
４-５列目のtdにstyleで幅を指定してみました こんな感じでしょうか？違ってたらすみません IE6でしか確認していません <td colspan="2" style="width:200px"> 200pxなのに・・・ </td>
お礼
ご回答頂き、ありがとうございます。 ご指定の方法で解消できました！ でも、<col>タグで各列の幅は一括で指定してるのですが それが効いていない・・・ということなのでしょうか。 仕様かどうか確認する方法として 複数のブラウザで確認しようと思い、 http://browsershots.org/ このサイトで色んなブラウザでの表示を確認したところ IE6とSleipnirで幅のゆがみが発生していました。 （同じエンジンを使ってるブラウザは全部かも？） FireFoxでは意図したように表示されます。 当方、htmlの記述経験が殆ど無く、 複数ブラウザで確認という初歩的な確認事が盲点となってしまってました。 お手数をおかけしてしまいました。 おかげで仕様だということがはっきりしてほっとしてます。 ありがとうございます！