Operaで崩れるテーブル(たいした話じゃありません)
Tuesday, 18. November 2008, 01:41:42
下記ページの表の部分が「Opera だと表が変に見えるなぁ。」と言われてしまっていました。
http://121ware.com/navigate/products/pc/connect/safeconnect/attention/index.html
Opera9.62で確認すると、変に見えました。
IE6.0では正常に見えました。
Firefoxは未確認です。
IE7.0では未確認です。
IE8.0では味覚人です。
ソースを見ると、
<TD VALIGN="TOP" ROWSPAN="0" BGCOLOR="#EEEEEE">BUFFALO</TD>
みたいなことが書いてあります。
ばけらのHTMLリファレンスから引用すると、
rowspan 3.2, 4.0, X1.0, X1.1 NUMBER 1 number of rows spanned by cell
rowspan属性 と colspan属性 は、それぞれ行方向、列方向にまたがるセルを作ります。たとえば colspan="2" を指定すると、そのセルは2列にまたがることになり、二つのセルが連結した形になります。0 を指定すると、そのセル位置から列グループ/行グループの端までが指定されたことになります。たとえば 10列あって列グループの指定がない表があったとして、3列目のセルに colspan="0" を指定すると、colspan="8" が指定されたのと同じになります。同じ表が 5列ずつ二つの列グループに分かれていたとすると、3列目のセルの colspan="0" は colspan="3" と同じになります。
……が、ブラウザによっては 0 の値をうまく解釈せず、1 とみなしてしまうものがあるようです。
Operaでの見え方は、この通りであって、HTMLに書かれた通りに表示した、正確なレンダリングだと思います。
IE6で正常に見えたということは、rowspan=0を1と解釈する、まさにそのバグったブラウザだからでしょう。
ここで問題になるのは「デザイナーの意図は?」(コーダー?)という部分。
rowspan=1どころか、rowspanを入れないなら正常に表示されるわけですから、
わざわざここに rowspan=0 を入れたということは、
正常なブラウザで読みづらくして、バグったブラウザに乗り換えて欲しいという「悪意」をこめながらページを作ったわけですよね。
そういう人たちがいる限り、これからもずっと「Operaでは崩れる」(あるいはFirefoxやSafari、Google Chromeで崩れる)と言われ続けるんでしょうね。
単に「間違った」はずはありません…老舗の大企業ですからね!
問い合わせ先一覧の最下部に「メールによるお問い合わせ」があります。
そのボタンをクリックすると、ログインページが表示されます。
選択肢は3つ。
・まだログインIDをお持ちでない方はこちら → 新規ログインIDの取得
・ログインID・パスワードをお忘れの方はこちら → ログインID/パスワードの確認を行います(持ってないので無関係)
・ログインできない場合はこちら → 入力し直してください(持ってないので無関係)
老舗の大企業的な対応ですね!!
問い合わせは(意見・要望は)しないことに決めました。















Akitoshi Abe # 3. June 2009, 01:26
ありがとうございます!
IE、Safari、Chromeで大丈夫なページがOperaで崩れてしまうのでOperaの特殊要因かなと思っていたのですが、Operaが正しくて他が不正確なのですね。