東京都新宿区のWeb制作会社 ウェブラボ株式会社

スタッフブログ

colspan使用の注意点

2009.02.16 Posted by

以前から、「お問い合わせ」ページや「ショッピングカート」ページなどを制作する際に
少し複雑なテーブルをつくると、たまにInternetExplorer6でレイアウトが崩れる現象がありました。

調べてみたところ、InternetExplorer6のバグでテーブルに「colspan」が含まれると幅の指定がずれる
ということが分かりました。

各々のセルに「width」で横幅を指定しても、同じテーブル内にcolspanを用いたセルがあると
colspanがあるセルの内容が、colspanのないセルの幅に影響を与えます。

下記参考画面の(1)と(2)の表組みは同じものですが
(2)の最下部に注意書きとしてcolspanを用いたセルがあります。

FireFoxでは問題いですが、IE6の場合セルの横幅がずれています。

・IE6

・FireFox

colspanを用いたセルの中の文字数に応じて、ずれたりずれなかったりするようです。

・IE6

テーブルを切り離すか、colspanを用いないテーブルで入れ子にして回避する方法が考えられます。
colspanを使用する際は注意してください。

オリエンシートダウンロード

オリエンシートダウンロード

PAGETOP

お問い合わせContact

まずはお気軽にご相談ください。

Web制作・コンサルティング・システム開発に関するお問い合わせ・お見積もり依頼は、
電話・問い合わせフォームより受け付けております。(受付時間:平日9:30〜18:30)

〒160-0004 東京都新宿区四谷4丁目33-2
マーキュリースクエア4F

TEL:03-5366-3277 FAX:03-5366-3278