2000年代初頭、Internet Explorer 6(IE6)とWindows XPがWeb制作の現場を彩っていた頃の記憶は、今も鮮明に残っていることでしょう。本記事では、当時のWebクリエイターが経験した「あるある」を、懐かしいエピソードと共にご紹介いたします。
あの頃のWeb制作は、現代とは異なる多くの課題と向き合う日々でした。しかし、その苦労があったからこそ、今のWeb業界の発展があるとも言えるかもしれません。当時の記憶を呼び覚まし、静かに微笑んでいただければ幸いです。
もし、この記事を読んで同じような体験を思い出された方がいらっしゃいましたら、ぜひIE懐古つぶやき掲示板(4ie.net)で、あなたのエピソードを共有してみませんか?
2000年代Web制作クリエイターあるある一覧
| あるあるネタ | キーワード |
|---|---|
| IE6でのCSSレイアウト崩れに頭を抱えた | IE6, CSS, float, hasLayout |
| 透過PNGがIE6で灰色になり代替策を模索した | IE6, 透過PNG, AlphaImageLoader |
| Flashコンテンツが特定のブラウザで動かず焦った | Flash, Flash Player, 互換性 |
| Windows XPの起動音や壁紙に特別な感情を抱く | Windows XP, Bliss, 2001年 |
| テレホーダイの時間帯にFTPアップロードを敢行した | テレホーダイ, FTP, 23時〜翌8時 |
それでは、それぞれの「あるある」について、もう少し詳しく振り返ってみましょう。
なぜIE6でCSSレイアウトが意図せず崩れたのでしょうか?
CSSで組んだレイアウトが、IE6で確認すると意図せず大きく崩れており、原因究明に長時間費やした経験はございませんか?当時のWeb制作では、特にfloatプロパティを使ったカラムレイアウトや、ボックスモデルの解釈の違いが大きな課題でした。
IE6独自のレンダリングエンジンは、他のモダンブラウザとは異なる挙動を示すことが多く、特に「hasLayout」という概念が深く関わっていました。このhasLayoutが有効になっていない要素は、CSSプロパティが正しく適用されないことがあり、結果として予期せぬレイアウト崩れを引き起こしました。当時は、IE6専用のCSSハックを記述したり、条件付きコメント(<!--[if IE 6]-->)を使ってIE6向けのスタイルシートを別途読み込ませたりと、様々な工夫を凝らして対応していましたね。今となっては笑い話ですが、あの時の苦労が、現在のクロスブラウザ対応の基礎を築いたと言えるかもしれません。
IE6で透過PNGが正しく表示されなかったのはなぜですか?
デザインで透過PNGを使ったところ、IE6では背景が灰色に表示されてしまい、急遽代替画像やCSSハックで対応したことはございませんか?IE6は、PNGのアルファチャンネル透過をネイティブサポートしていませんでした。
そのため、透過PNGをそのまま表示すると、透明部分が灰色や黒で塗りつぶされてしまうという問題がありました。この問題に対応するため、私たちはJavaScriptを使って透過処理をエミュレートしたり、あるいはCSSのfilter:progid:DXImageTransform.Microsoft.AlphaImageLoaderというIE独自のプロパティを駆使して、擬似的に透過を実現していました。しかし、このAlphaImageLoaderはパフォーマンスに影響を与えたり、クリックイベントが透過部分で拾えなかったりといった別の問題も抱えており、常に頭を悩ませる存在でした。デザイナーとの間で「IE6では透過PNGは使えない」という共通認識が生まれたのも、この頃でしたね。
Flashコンテンツの動作がブラウザによって異なったのはなぜですか?
Flashで制作したリッチコンテンツが、特定のブラウザやFlash Playerのバージョンでうまく動作せず、ユーザーからの問い合わせに慌てた経験はございませんか?2000年代の
コメントを残す