blog*citron

• 050624
• 小夜

…ははぁ。IEって(^^;)
詳しい説明、お疲れ様でした。よおく理解できました、と思います(笑)
しかし、Firefoxにもブラウジングに問題点無しとは言えませんけれど、ここまでややこしくはないですよ、ね。

• 050624
• Suu

ご無沙汰しております。
DEARDAYS別冊のSuuです。
トラックバックありがとうございました。TB元クリックしたらユヅさんとこに飛んだんでチビリ（ビビリ）ました。
いやぁ、詳しい説明ありがとうございます。とても勉強になりました。私の稚拙な記事のお陰でご迷惑をお掛けしました（汗；）折を見て該当記事からコチラへリンク張らせて頂きます。

このテンプレステキですよねー。配布されるのを楽しみにしています♪

• 050624
• orzmaru

解説ご苦労様です。

>僕もうIE対策するの疲れたよパトラッシュ。
いや、ほんとにそう思います。

そして・・・
IE7できっちり実装してくれていても、
IE6がバグ(?)をもった状態で存在する限り
この対応は続けなくてはならないという罠ｗｗｗｗ

• 050624
• かなめ

なるほどー、そういう事なのですね。お勉強になりました。

うっかり＜そもそも何故winIEじゃダメなのか＞が＜そもそも何故winIEを使わないとダメなのか＞に見えてしまいました（おい）
わたしがタグを弄るより、カチカチっと狐さんに乗り換えて頂く方が早い・・・（笑）

• 050624
• こまち

初めまして。・・・では、ないですが。汗
いつも、読み逃げ＆先日はアンケート答え逃げをしていました。(笑)

今回の、ポラ風にならない解説＆対処方法。
とっても、勉強になりました！
私も、エントリーで「なぜ、ポラ風にならないのか？」と記した事がありました。
自分なりに、色々とやってみてもまったくダメだったので、プチパレブログさんにお世話になったのです。
でも、IEがこんなにウザいものだったなんて・・。
最近、Firefoxを目にしていましたが、IEより快適だ！と言うもの目にします。
私も、変更しようかな・・とこの記事で決心を固めてしまいました(笑)

今後は、読み逃げじゃなく堂々と？お邪魔させて頂きます！(笑)

• 050624
• 繭

ポラ風に見せるcssはずっと前からやってたんですが
IE・Sleipnirだけならないのはなんでだろーと思ってました。
すごく勉強になりまた！
削除してみたらちゃんとうまく表示されるようになりました♪
IE系統のブラウザってタグ間違ってても動いてた事あって、ベンリなブラウザだな～とか思ってたことありましたけど…(笑)。

• 050624
• ミキ

うちのブログの名前が書いてあってちょっとビビッてしまいました。
なるほど、そういうことだったんですね。＜XML宣言
私は試行錯誤して無理やりポラ風にしてしまいましたが、
原因が分かれば簡単にできるんですね。
勉強になりました。ありがとうございます。

私もコチラの記事をリンクさせていただきますね。

ところで、プチパレブログのリンクが引っ越す前のURLになっています。
（divでくくる方は今のURLです）
一応ご報告を・・・。

• 050625
• ユヅ

●小夜さん
FirefoxでもOperaでも何かしらバグはあるんですが、影響の大きさが違うんですよね…。
WEBデザイナーさんのブログを見ると、よく泣かされているのを目にします（笑）

●Suuさん
こんにちは。お久しぶりです。
アワワ、チビらないで下さい（笑）
関連記事を書かせていただいたので、えいやっとトラバさせていただきましたー＾＾
IEには苦労させられますが、原因と対処をはっきりさせることで、これまでポラ風が上手くいかなかった人の助けになればと思います＾＾

>このテンプレステキですよねー。配布されるのを楽しみにしています♪
ありがとうございます＾＾
でもこのテンプレは配布用にしては汎用性が低すぎるので、配布は今のところ未定です(ノ－`)
ちょっとややこしいソースでよければ色違いで出せなくもないんですが…orz

●orzmaruさん
こんにちは！
慣れないこと書くと説明下手がバレバレです…(ノ∀`)
徹底的にIE対策するなら、CSSファイルからわけるべきなのかもしれませんが、面倒臭がりなので無理サポシ（関係ない）
そしてIE7に儚い希望を抱いて逃避していたIE6という現実を思い出しました。
みんなそうそうすぐにはアップデートしませんよねorz

●かなめさん
解説とか下手なのでわかりやすく書けたか自信がありませんが、理解していただけて良かった！
狐さんでも歌劇さんでもゴジラさんでも大丈夫ですよ。
ゲイツじゃなければ（笑）
他ブラウザを試すきっかけになると思えば逆にいいことかも…！（ポジティブシンキン）

●こまちさん
こんにちは＾＾
読み逃げ書き逃げ歓迎ですよー。メッセージは強制されて書くものではないですからね＾＾

トラバもどうもです♪
IEはOSに組み込まれているだけあって起動も早いですし、どんな無茶苦茶なページでも表示できる（してしまう…と言うべきか）素敵なブラウザですが、ちょっとバｋ…ゲフン、実装が色々遅い点が困りますね＾＾
私はメインブラウザをOpera、サブでFirefox、動作確認でIEという順番です。タブブラウザは慣れると便利ですよー♪

●繭さん
こんにちは～。
ポラ風カスタマイズはsbユーザーさん中心にすごい広まってますよね。見栄えもいいですし＾＾
SleipnirはIEとエンジンが一緒らしいので、バグも共通なのかなぁと思います；；
拡張子がtxtでも表示しますからね、IE…。緩めるところ間違って無いか？とも思うんですがｗ

●ミキさん
こんにちは。
名前入りで、どどんといってみました。（Suuさんにもビビられてしまいましたが…）
リンクするとビビられるブログ。
ちょっと切ない...orz
テンプレが大幅に崩れるなどXML宣言を入れておきたい場合は、divやブロック化したインライン要素でくくるのが安全なのでしょうね＾＾

ＵＲＬミス修整しておきました。ご指摘有難うございます。
大変失礼しました；；

• 050625
• 真希

はじめまして。
画像の枠が出なくて、
divタグで私も囲んでいました。

早速試したところ、バッチリ上手く行きました。
何種類かのブラウザで見てみましたけど、
テンプレ崩れも、なくホッとしています。

• 050626
• ユヅ

●真希さん
こんにちは。
コメント有難うございます。
上手くいって良かったですー＾＾

通常は小さな値ならそんなに大きな変化はないと思います。
paddingとfloatを余裕なくみっちり計算してあるようなものだと崩れやすいと思いますが（笑）

• 050821
• sumico

こちらのテンプレートをお借りしてます。
画像をポラロイドにするのも、こちらを参考にさせていただきました。
とても解りやすく、すんなり設定できました。ありがとうございました。
以前からスクロールバーを好みに変えるソースを入れていたのですが
ポラロイド風にしてからデフォルトに戻ってしまいました。

<?xml version="1.0" encoding="{site_encoding}"?>

を削除したことに関係があるんでしょうか？
ご指導よろしくお願いします。

• 050823
• ユヅ

●sumicoさん
スクロールバーのCSSは、インラインにいれるのではなく、CSSの
*{　}
の項目のところに追加すれば反映されると思います。

• 050823
• sumico

ユヅさん、ありがとうございました。
ちゃんと反映されました。
テンプレート大切に使わせて頂きます。
お世話になりました　wﾋwﾝwｸwﾖ(o_ _)ｏ))

• 050903
• 鈴木

針ねずみのテンプレートを使ってブログ作成中です。
写真をポラ風にＵＰしたいのですが、そうしたくないときにも対応できるというのを見て設定してみたのですが、コレをやると画像の横に文章が入らなくなってしまいます。どうしたら解決できるでしょうか。教えてください。よろしくお願いします。
-----------------------
/* 枠無し画像 */
.img{
border-width: 0px;
margin: 5px 5px 5px 0px;
padding: 0px;
}

これをＣＳＳに設定して
画像を入れるときに画像のさいごに入るclass＝pictのpictの部分をimgに変えるそうなのですがそうすると上記のようになってしまいます
--------------------------

• 050903
• ユヅ

●鈴木さん
そもそもimgはタグの名前なので、classの名前にするのは避けた方が。
img.pict2 {
float:left;
margin:5px 5px 5px 0;
}
にして、class="pict"をのpictをpict2にしてはいかがでしょう。

• 050905
• 鈴木

ユヅさん、早速のお返事ありがとうございますm(__)m
上記のＣＳＳをコピペさせていただいたのですが
やぱり画像の下に記事が表示されてしまいます・・・
画像の部分はclassのところを変えるだけですよね・・・

• 050905
• ユヅ

●鈴木さん
URLが書かれていないので、これ以上はわかりませんねー。
タグを間違えてる場合もあれば、全然違うところのＣＳＳを書き間違えてるのが原因だったりもするし、実際に見てみないと原因が絞りきれません。
プラグインとかいれてて、回り込み解除タグを画像の直後に入れてしまっていて、そこで解除されていた・・・なんてこともあります。

• 060131
• どら♀どら

記事を参考にさせていただきました。
とってもわかりやすかったです。
ありがとうございました

• 060604
• yoshi
• 

はじめまして
タグ初心者です。
ポラロイド風にできなくて、悩んでおりました。
検索してて、まさにぴったりのアドバイスがblog*citronさんだったので、引用させていただきました。事後報告で申し訳ないです。

他のページもすごく参考になるので、こちらのブログにblog*citronさんのリンクを張らせていただきたいです。
よろしくお願いします。

• 060916
• sdee

こんにちは。どうしても写真をポラロイド風にしたくて、このサイトにたどり着きました。家ではちゃんとポラロイド風になっているのに会社のパソコンで見るとただの枠になってしまっています。。
テンプレートの編集で”<?xml version="1.0" encoding="{site_encoding}"?>”の一行を削除すればいいのかなとおもいい探したのですが、その言葉が見当たりません。<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
という同じようなものはあるのですが。。。こちらを削除でよろしいのでしょうか？？ここ１ヶ月ほどずーとパソコンとにらめっこしているのか、どうしても分かりません。ＰＣ初心者の為、かなり初歩的な質問かもしれませんが、よろしくお願いします。

• 060916
• ユヅ

sdeeさん＞
こんにちは。
metaの方は削除しちゃダメなところです。
そこを削除すると文字化けの原因になりますのでそのままで。

原因は会社のパソコンのブラウザだと思います。
会社のOSやブラウザってちゃんとバージョンアップされていなかったり、古かったりするので、htmlやCSSをちゃんと解釈できないバージョンを使われているのかもしれません。特にIEはバグだらけですから…。
でも今普及しているIEや他のブラウザではちゃんとポラ風になっているので大丈夫ですよ。ご覧になっているお客さんはほぼ皆さんちゃんと見えていると思います。
もう一般的に使われなくなっているようなバージョンにあわせてソースをいじるのは、これから先のことを考えてもおすすめできません。自分では気になってしまうと思いますが、他の人の目にはきちんと映っていますのでそのままが一番いいと思います。

• 060917
• sdee

早速のお返事ありがとうございました。きっと会社のパソが古いんですね。。とりあえずほかのＰＣからでもきちんと見れてるということなので安心しました。
ありがとうございます♪♪♪