Skype英会話・オンライン英会話のカフェトークさんの新しくリニューアル予定のサイト http://cafetalk.com/ のデザインの崩れは、ブラウザによる問題ではなくてページの書き方によるミスの例として勉強になります。
ソースコードを見てみたところ、受講者の声の部分にテーブルが使われているのが原因だと思います。
きちんとテーブルにクラスが指定してあるのに、値も入れてあります。
何故全部スタイルシートにされなかったのでしょうね。
スタイルシートでブラウザごとの分岐点を作られるか、受講者の声の部分をトップページから別にされたらどうだろう。
受講者の声の部分の下は、スクリプトでブログの更新を表示されてあるのですから受講者の声の部分だけテーブルを使われたのがわたしとしては不思議。どうしてもトップページ表示が良いのならフレームを使うと良いと思うんですけどね。
上のように表示されるのがサイトの方の期待しているところだと思います。でも、下の通りに表示されます。
ソースコードを見てみたところ、受講者の声の部分にテーブルが使われているのが原因だと思います。
きちんとテーブルにクラスが指定してあるのに、値も入れてあります。
何故全部スタイルシートにされなかったのでしょうね。
スタイルシートでブラウザごとの分岐点を作られるか、受講者の声の部分をトップページから別にされたらどうだろう。
受講者の声の部分の下は、スクリプトでブログの更新を表示されてあるのですから受講者の声の部分だけテーブルを使われたのがわたしとしては不思議。どうしてもトップページ表示が良いのならフレームを使うと良いと思うんですけどね。
上のように表示されるのがサイトの方の期待しているところだと思います。でも、下の通りに表示されます。