Skip navigation.

Operaで崩れるテーブル(たいした話じゃありません)

セキュリティホールmemoで、
下記ページの表の部分が「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/パスワードの確認を行います(持ってないので無関係)
 ・ログインできない場合はこちら → 入力し直してください(持ってないので無関係)

老舗の大企業的な対応ですね!!

問い合わせは(意見・要望は)しないことに決めました。

sinus ick今年もヨアキム応援しませう

Comments

Akitoshi Abe 3. June 2009, 01:26

はじめまして。同じ現象で原因がわからず苦しんでいたのですが、このページのおかげで解決いたしました。
ありがとうございます!

IE、Safari、Chromeで大丈夫なページがOperaで崩れてしまうのでOperaの特殊要因かなと思っていたのですが、Operaが正しくて他が不正確なのですね。

Write a comment

You must be logged in to write a comment. If you're not a registered member, please sign up.