position:relativeの逆襲 :三国志外伝 ::検索エンジン三国志

アルゴリズム社による「SEO塾の公式ブログ」

検索エンジン最新情報の「SEO塾の公式ブログ」。ヤフー・グーグルなどの検索上位表示対策と順位変動、インデックス更新、ツールや機能、その他の話題など

SEOの最新情報は、『検索エンジンの対策と情報は「SEO塾の公式ブログ」』をご利用ください。

独自の検証と実験を続けるSEO塾が、検索エンジンのアルゴリズムとペナルティの謎に接近。
順位変動に迷わない、回復リカバリーを成功させたい。業界随一人気絶頂のSEOセミナーをご覧ください。

2004-11-23

position:relativeの逆襲

[ 三国志外伝 ]

かつて、世界で一番のシェアを持つWindows版Internet Explorerの不具合を嘆いた。

この「position」プロパティは実に曲者だ。そして今回も、先日入手したiBook G4（Mac OS X 10.3.6）のSafariを見て愕然とさせられることになる。

何と、この三国志を含むSEO塾サイト、および会員用のe倶楽部IIとライオン丸通信のすべてで、Safari（1.2.4）の表示に不具合があるではないか。

最初は、CSSがらみということは想像ができたが、不具合の切り分けがうまくいかず、しかも問題箇所を遂に見つけても、またぞろ複数のブラウザ対応のやり方で悩むことになる。

positionプロパティの問題

position:absolute

position:absoluteでは、Windows版IEで文字列選択ができなくなる。

例えば、position:absoluteの不具合を、WinIEで開いてどこかをドラッグしてみて欲しい。

ここだけの話だが、この三国志もSEO塾本体も、Dreamweaver MX 2004のページデザイン（CSS）を借用している。要は、このページの上の方の角を丸くする画像を置くために、「position:absolute」が使われ、それが不具合となっているわけだ。
つまり、Dreamweaver MX 2004のテンプレートをそのままパチルと、WinIEで文字列選択ができないことになる。

このサイトでは、position:relativeの憂鬱で、WinIE用には、またWindows版の複数のメジャーなブラウザには対応した（つもりである）。

なお、ここと同じデザインのDreamweaver MX 2004のテンプレートを使ったり、修正して配布しているようなサイトでもやはり、WinIEで文字列選択ができない不具合が見られる。

まぁ、サイトオーナーさえページの一部を引用することができないような、ユーザビリティとしては最悪ということになる。

position:relative

さて、WinIEではさらに「position:relative」でも問題が発生する。

それは解決したのだが、今回は、MacSafariの不具合である。MacintoshのSafariでposition:relativeの不具合を、Safariで下まで見て欲しい。途中で切れてしまう。

というか、今までこんな画面だったのかと、恥ずかしい限りである。

ところで解決策であるが、今一度デフォルトに「position:absolute」を設定し、WinIE用に「position:relative」を読み込ませることで解決した。

何にしても、MicrosoftとAppleのOS添付の標準ブラウザで問題が出るのだから、鬱陶しい限りである。

マックIEの不具合

実は、iBookには、Internet Explorer 5.23からはじまりFirefoxやNetscape、Mozilla、OPERA、iCab。Classic環境にもInternet Explorerの5.0と5.17をそろえている。

Windowsユーザーからすれば、「マックで崩れる」と言われたりすると、Safariのことかと思う。
ところが、話を聞いてみると、IE 5だったりするから、ややこしい。

MicrosoftのInternet Explorerが開発中止とはいえ、OS 8.1～9.xの最高バージョンは「5.17」である。
にもかかわらず、5.0でアクセスして来るからたまらない。OSがバージョンアップできなくても、ブラウザはバージョンアップしなはれ。
Mactopia Japan : Internet Explorer 5 for Mac

2004-11-23 11:21 PM | コメント (0) | トラックバック (0) [ 管理人編集 ]