アクセス数: | 今日: | 昨日:   記事数:996

HOMESITE MAPBOOKMARKTAG CLOUD

Tag:IE

Internet ExplorerIEで一部のページが真っ白になる現象があるようです。
『米が好き』でも、『LINK LIST』と『BOOKMARK』のページがそうだって事は先日知りました。
普段Firefoxなもんで、あまりIEのチェックはしてなかったんですよね。
でも最初は表示されてたと思ったんだけど…?

無事解決出来たので、その経緯を載せておきます。
続きを読む

Tag : ,

意外と簡単に作れる『favicon』

『意外と簡単に作れる『favicon』』をはてなブックマーク

赤魔導師WEBサイトのアドレスバーの横などに表示されるfavicon(ファビコン)。
このfaviconを作れるサイトとかツールとか色々ありますが、そんなの使わなくても意外と簡単に作れたりします。

ただ、拡張子を変えれば良いだけ。

『favicon.jpg』、『favicon.gif』、『favicon.png』等を、『favicon.ico』に変えれば良いってなだけの話しです。
実際私もそうしてます。
以下は、例によって7つのブラウザで表示チェックした結果。
続きを読む

WebブラウザIE6の人は分からないと思いますが、特定の記事以外は記事内の右上に画像があります。
IE6で表示されないって事は、今日初めて知りました。
キャッシュを消しても無駄でした。
キャッシュ消して、インターネットオプションを閉じると一瞬だけ見えるんですが、その後真っ白になります。
WordPressの仕様かとも思いましたが、IE以外のブラウザではちゃんと表示されるんですよね。
以下はIE含め、いつもの7つのブラウザで見た結果です。
続きを読む

Webブラウザ使い方も使い勝手も人それぞれだと思いますが、メジャーなWebブラウザ7つを試してみました。

試すといっても数値を出したり大掛かりなものではなく私個人の体感的なものですので、これも人それぞれだしPCによっても異なると思います。

私が試した事は以下。
(1) 一度このサイトを開き標準ページに設定した後閉じ、再度開き直した時の体感速度。(キャッシュ対策)
(2) 使えるフォント。(True TypeとOpen Type)
(3) JavaScriptの体感速度。(拾いもの画像で検証)
(4) お気に入りを開く際、別タブで開けるかどうか。

では行ってみましょう。
続きを読む

Font今までWebサイトを見る時フォントは『MS Pゴシック』かサイト任せでしたが、Macでデフォルトの『ヒラギノ丸ゴ Pro』と比べると明らかに劣化してるように感じるので自分なりにカスタマイズして変更しました。

フォント変更は、IEなら「ツール(T)」→「インターネットオプション(O)」→全般タグの「フォント(N)」で変更できます。
残念ながら、IEでは『ヒラギノ丸ゴ Pro』はリストに表示されませんでした。
私が使ってるFirefoxは、「ツール(T)」→「オプション(O)」→コンテンツタグの「フォントと配色」で変更できます。
Firefoxではインストしてるフォント全てが使えるみたい。
Opera、Chromeは分かりません…。

では、各フォントを見比べてみましょう。
続きを読む

Tag : , ,

デザイン変更時に陥ったIEの罠

『デザイン変更時に陥ったIEの罠』をはてなブックマーク

Internet Explorer3カラムのデザインに飽きてきたので、2カラムに変えました。
ちなみに、今のテーマはデフォルトを使ってカスタマイズしてます。

いつもはFirefox使ってるんで、ついついIEでの確認を怠りがちですが、ある程度出来上がった状態でIE表示チェックしてみると何故かデザインがおかしい…。

CSSをチェックしても、何をどーしてもバックグラウンドのズレが直らない。
何でやー!? Firefoxでは正常に表示されてるのにー!
ってな事で、昔見た雑誌に何か書いてあった事を思い出して読み返してみました。

要は、『CSSでfloatした方向と同じ側にmargin指定すると、IEではmarginが倍になってしまうThe IE Double Float-Margin Bugと言う、IE特有のバグ』らしい。
うおぉぉぉ、IEのあほーーーーー!w

結局、↓ の場合は、margin-leftが倍の20pxになるって事。

div.left_float {
  float: left;
  width: 300px;
  margin-left: 10px;
}
これをIEでも正常に表示させるのは、『display: inline;』を使用すると直る。
↓ のように、displayを追加。
div.left_float {
  float: left;
  width: 300px;
  margin-left: 10px;
  display: inline;
}

本来、float要素に対してこの指定は無視されるけど、IEのバグ現象を防ぐ力を持っているらしいです。
解決方法がある事は分かったが、もう一度言おう。
IEのあほーーーーー!w

買ってて良かった、Web creators。

Tag : , , ,