プレビューを改善しました。ないブログに表示されています。新しい記事を書く事で広告が消えます。最近まで表示確認ブラウザの中に入れていなかったのですが、9月から確認を始めました。崩れることがあります。CSSでbodyのmarginとpaddingを0にしているにもかかわらず、部分的にその指定が効かなくなるため、その部位にもう一度指定し直してみると崩れが直る、ということが何度もありました。Chromeでは崩れるなんて、IE6ですでに苦労してるってのにまた苦労が増えてしまいました。いいブラウザが増えるのは歓迎ではありますが、そのたびにハックや崩れ回避のための苦労が増えるのは嫌です!追記(2010年12月)検索からこの記事にたどり着く方がいらっしゃるので、Chromeでの崩れ対策を書いておきます。この記事を書いたときは初心者の域を出ていなかったので(今でもだけど)、リセットの仕方をよく分かってませんでした。bodyのmarginを0にしても、全部のブロックに承継するわけじゃない。そこで、本当のリセットをしたらChromeでの表示もまったく問題なくなりました。Chromeでマージンの問題が出ている人は、CSSの一番最初でリセットをすれば問題が解決します。一般的なタグがすべてリセット注)されますが、自分が使わないタグは外しておけばいいでしょう。リセット仕様がそれぞれ違うブラウザをすべて同じように見せるために、すべてのタグを一番最初に初期化することです。0にするように書いてあったりしますが、ユニバーサルセレクトですべてを初期化すると、全部のタグを再度指定しなおさないといけないので手間がかかります。そこで現在では、主要なタグだけ初期化する方法が主流になっています。YAHOOのリセットCSSもこの方式で、使いやすいので重宝です。検索でたくさん引っかかってきますのですぐに探せると思いますが、下記のサイトがYUIのCSSライブラリについてわかりやすく説明しているので、ここに載せておきます。SafariのプレビューについてまたもやSafariのプレビューが崩れました。実際に使用すると全く正常なのに、なんでプレビューは崩れるのか理解に苦しみます。今回はどうもドロップダウンメニューに原因があるのではないかと疑っています。一応画像は全部見えてて、ドロップダウンメニュー以外は上下の余白の崩れだけなので、ほっておくことにしました。実際の使用には全く問題はありませんので、ご安心ください。他のブラウザで見るとテンプレートの機能がちゃんと確かめられますので、Safariを使うのはやめましょう(笑)弟もMac愛好者ですが、SafariではなくてFirefoxを使っているそうです。それも、Firefoxを使うのは当たり前なんだそう。Appleもよく考えたほうがいいみたいですね。追記:テンプレートの更新とともにメニューのスクリプトを入れ替えしたら、プレビューが正常に見えるようになりました。以前のスクリプトが影響していたようです。プレビューを改善しました。実際に使用すれば何の問題もないテンプレートですが、プレビューが崩れてちゃあ話にならないので、あちこちうろついて原因を探しました。困るのは、「プレビューだけ崩れる」なんて記事がないこと。プレビューで崩れるのは私のテンプレートだけ。いうことは、何かが他とは違っているはずだ。合わないのだろうことは想像がつきます。それで、忍者のテンプレートの中で異常が見られるものを探してみました。みんな正常・・・・・・おや?私のほどではありませんが、異常が出るものを見つけました。」が使われているものは正常なのもわかりました。してプレビューにだけこういう不具合が出るのかは未だに分りませんが、HTMLとXHTMLがごっちゃになっているのが原因である可能性が大きいです。理由がわかったのだから訂正も可能です。すべてのテンプレートのCSSに下記の空指定を書き加えました。}これを入れてからプレビューを見てみると、すべて正常に表示されました。プレビューのためだけにテンプレートを修正するのもおかしな話ではありますが、あの崩れ方はあまりに酷い。ついでに、気になっていた細かいところも修正しておきました。|▲TopSafariをご使用のみなさんへ忍者ツールズはSafariに対応していないんですね。助太刀忍者を見ていたら、MacのSafari使用者の苦情がいろいろと書いてありました。泡を食って、プレビューがおかしいテンプレートを試験場にダウンロードして恐る恐るSafariで見てみたら・・・・・・あれ?どこもおかしくない!全部正常に見えてますよ?変なところはどこにもないですよ?う~ん、そういえば去年、プレビューでは崩れなかったのに、実際に使うと崩れてたテンプレがあったなあ。いうことは、プレビューが悪いのかな?いや、きっとそうに違いない。実際に使用したら正常だったのだから。この件を忍者に問い合わせしてみました。ひとつだけ普通だった「月の華」だけに使用しているスクロールのHTML指定を他のテンプレに入れてみたら、他のテンプレも普通に表示されたんだそうです。なるのかは忍者側にもわからないそうで、Safariのせいにされました。実際に使用すると、そんなことをしなくても普通に見えるんですけどねえ・・・・・・?)ということで、MacでオリジナルのSafariをご利用の皆さん、プレビューでは表示がおかしくなっていますが実際の使用には何の問題もございません。プレビュー用に修正したので、現在では正常に見えています。忍者ツールズ自体がMacに対応できていないので、できるだけSafariではなく他のブラウザを使われることをお勧めいたします。その場合はぜひFirefoxをダウンロードしてください。前にリリースされています。自己紹介:地球の裏側からテンプレートを送りつけています。ただいま進化中なので、勉強慾旺盛です。いつかばっちりなテンプレートを作るのが夢。コンタクト何かありましたら下記のメールフォームをご利用ください。返信をご希望の方はメールアドレスもご記入ください。komomo]ご無沙汰してます。Chromeをご使用の皆さんへ(4)IEプラスαの表示対策忘備録(4)工房(85)未選択(5)IT部門関係の話題(6)このブログへのリンク(1)このブログへのリンクこのブログをリンクしてくださる方用に、バナーを用意しました。詳しくはカテゴリー「このブログへのリンク」をお読みくださいFirefoxを支援しています管理人はFirefoxの愛好者です。IEよりはるかに優れたFirefoxをお試しあれ。ダウンロードは下のバナーから無料でできます。