ゆとり理系のgdgdブログ

.com.comです。 ここでは自分の日々の思いや出来事、知識などを紹介していくブログです。

04<< 12345678910111213141516171819202122232425262728293031 >>06 管理画面

プロフィール

.com.com
Since 10/04/10

主な活動内容

  • YouTube実況者(.com.com名義)
  • YouTube実況者wiki管理人(2代目)
  • Visitors

    あなたは人目の訪問者です。 (Since 10/09/09 19:15)

    活動場所リンク

    YouTube 実況メイン
    Stickam 生配信メイン
    Twitter
    Twitter(チャンネル用)
    Justin.tv
    Ustream

    ブロとも申請フォーム

    ブログリンク

    ※★は相互リンクです。
    ※●はYouTube実況者以外のオススメブログです。(●がなければ実況者です。)
    ※*はFC2ブログでないブログ(Amebloなど)です。
    ※◆はこちらをご覧ください。
    ※2012年以降更新がないブログは最下部にまとめて畳んでいます。

    Channel Info

    チャンネルの最新情報はこちら!

    スポンサーサイト

    上記の広告は1ヶ月以上更新のないブログに表示されています。
    新しい記事を書く事で広告が消せます。

    ブラウザごとの表示問題

    Twitterで「表示が糞」とかつぶやいていましたが、ブラウザを変えたら正常に表示されていたりしました。
    自分は新サイトの編集としてGoogle Chromeを使い、確認としてFirefoxを使っています。
    理由はログイン状況による閲覧状態を確認したいため。いちいちログアウト・ログインするのが面倒だからです。

    で、今のところの問題を以下の通り書きます。
    ブラウザの表記は以下の通りです。以下のブラウザに対応する予定でいます。
    (未確認のブラウザでも確認を行う予定なので、随時更新します。)
    ・Chrome ← Google Chrome 19.0.1084.52
    ・Firefox ← Firefox 12.0
    ・IE ← Internet Explorer 9.0.8112.16421
    ・Lunascape ← Lunascape 6.7.1
    ・Opera ← Opera 11.64
    ・Safari ← Safari 5.1.7
    ・Sleipnir ← Sleipnir 3.0.17.4000

    (OSは、Windows 7 Home Premium (64bit) SP1)
    参考ページ



    1. rowspan属性の適用
    色々調べたら、サイト側の問題だと分かりました。

    以下の表が、「六畳一間」の形に見えるでしょうか?

    1
    1
    22
    3
    3
    4
    4
    5
    5
    66

    実は、Chrome・Safari(WebKitエンジン)・Operaだと以下のように表示されてしまいました。

    1
    1
    22
    5
    5
    3
    3
    4
    4
    66

    Firefoxだと正常に表示されたので、ブラウザの問題なのかなと思っていました。
    ところが、このブログの下書き機能を利用して表示テストをすると、正常に表示されていました。

    結果、ブラウザではなくサイト側の問題と結論付けました。
    目をつむれば大きな問題ではないですが、ちょっと気になるところではあります。



    2. tableタグにid属性を付ける [解決]
    Chrome、Firefoxでは問題なく表示されたものですが、IEにするとJavaScriptの箇所でエラーが出てしまいました。
    エラーが起きたのは、document.getElementByIdの箇所。
    エラーを調べてみたら、こんなものを発見。
    Spry Framework for Ajax
    tableタグの属性を弄るのはどうやら不可能みたいで、
    <table id="id">…</table>
    ではなく、
    <div id="id"><table>…</table></div>
    でないと正常に表示されませんでした。
    ちなみに、自分の場合はdivタグではなくspanタグを用いましたが、これでもOKでした。



    3. document.getElementByIdの振る舞いが分からない
    現在原因究明中ですが、粗方目星はつきました。
    IE・Lunascape・Sleipnir(Tidentエンジン)ですが、
    document.getElementById('id') = '';
    でエラーが出ています。
    ChromeとFirefoxでは問題なし。
    <span id="id">…</span>
    で正常、
    <span id="id">…<br/>…</span>
    でエラーでしたので、何かしら間にタグがあるとエラーになると踏みました。

    これが動画ページで発生するので、結構由々しき問題です。



    以前見た分類方法を探していたらページを見つけたので、これを見たら、エンジンごとで変わってくるのではないかと結論付けました。
    Lunascapeも考えてみますが、Tidentエンジンであることを考えたら恐らく3.で問題が起きそう。
    13:05追記   予想通り、3.で問題発生。吹いたw
    14:05追記   Webkitに変えてみたら、予想通り3.が直った代わりに1.で問題発生。
    15:05追記   解決しました。


    続きを読む »

    スポンサーサイト

     | ホーム | 

    検索フォーム

    記事クイックジャンプ

    QRコード

    QR
    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。