‘ブラウザ’ カテゴリーのアーカイブ

JQueryを使ったフォントサイズ変更はInternet Explorer6(IE6)では正常に動作しない場合が多い

2009 年 5 月 11 日 月曜日

以前紹介した、ページが遷移してもフォントサイズが変更されないサイトを作る方法は、様々なサイトで紹介されているが、Internet Explorer 6(IE6)では正常に動作しない場合が多い。

原因は不明(調査中)

このエントリーを含むはてなブックマーク

Internet Explorer 6でCSSデザイン崩れが起きやすい原因

2009 年 5 月 11 日 月曜日

今更の確認。

IE6はborderまで含めた幅をwidthとして解釈する事を前提に構築する必要がある。
標準準拠や後方互換という事によるモノ。

例えば…
width: 960px;
border: solid 1px #000000;

とした場合、IE7未満以外ではコンテンツ幅は960pxのままだが
IE6以下では958pxが実寸のコンテンツ幅となる。

IE6でデザイン崩壊を起こす(floatが下に回り込むなど)は、このパターンが多い。

参照
ADP: IE6のwidth解釈バグ対処法

このエントリーを含むはてなブックマーク

Firefoxでfloatとaリンクでクリック時に横に線が延びるのを消す方法

2009 年 5 月 9 日 土曜日

Firefoxでfloat&aタグの組み合わせではリンクをクリック時(a:active)に、横に点線が表示されてしまう。特に問題がないが、これを消すにはoutline:noneを指定してやれば良い。

ただし、この方法だと、クリック時に画像まわりの点線も消えてしまうので、デザイン上、どちらが良いか選択する必要あがる。
なお、どうしても画像まわりに点線を出して綺麗に表示したい場合は、widthとheightを指定し、overflow:hiddenかdisplay:noneとの組み合わせで表示させるのがベター。

このエントリーを含むはてなブックマーク

Firefoxでfloatを使うと背景が伸びない時の対処方法:after擬似クラス

2009 年 5 月 5 日 火曜日

IEでは問題がないが、FirefoxやSafariでfloatを用いると背景が伸びない場合がある。以下がafter擬似クラスを使った対処方法のサンプル。

#name{
background-image: url();
}

#name:after{
content : "";
display : block;
height : 0;
clear : both;
}

このエントリーを含むはてなブックマーク

Firefoxでダウンロードマネージャーを表示させないようにする方法

2009 年 5 月 5 日 火曜日

ツール → オプション → 一般 → ダウンロード / ファイルのダウンロード時にダウンロードマネージャーを表示する のチェックを外す。

このエントリーを含むはてなブックマーク

Internet Explorer 8のデザイン崩れを回避するメタタグ

2009 年 5 月 4 日 月曜日

Internet Explorer 8でデザインが崩れる場合、<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />をhead間に挿入する事でInternet Explorer 7にデザインを合わせる事ができる。

参考:http://www.atmarkit.co.jp/fdotnet/special/ie8review/ie8review_01.html

このエントリーを含むはてなブックマーク

秀丸やOutlook ExpressのURLをクリックしてもブラウザが起動しない場合

2009 年 4 月 29 日 水曜日

たまたま秀丸とOutlook ExpressのURLをクリックしてもブラウザが起動しなかったので、そのメモ。
これは、秀丸やOutllok Expressの設定に問題があるのではなく、ブラウザの設定に問題がある為。

Internet Explorerを起動する場合:ツール→インターネットオプション→プログラム→「Internet Explorerの起動時に、通常使用するブラウザを参照する」にチェック
Firefoxを起動する場合:ツール→オプション→詳細→既定のブラウザ[起動時にFirefoxが既定のブラウザであるか確認する]にチェック

このエントリーを含むはてなブックマーク

YahooではFirefoxとIEの検索結果が違った

2009 年 4 月 29 日 水曜日

SEO関連のブログをあちこち斜め読みしていると以下のようなブログを発見した。

何故seoのプロはYahoo!のseoを語らないのか?
SEO業者もお手上げ【ヤフーはIEとFirefoxで検索結果が違う】

まさか…
と思い、調べてみると確かに検索結果が違うケースが多々ある。

あくまで自身が管理しているサイトのみの調査だが、
IEではドメインが優先され、Firefoxでは、ドメインが優先されているとは限らない検索結果になった。

つまり sample.com というドメインを運用していた場合、 sampleで検索すると
IE:sample.com が1位
Firefox:http://memo.seobinder.net/sample/ が1位のように、ドメインとは直接関係のない(ただし、キーワードと関係のあるページ)が1位となる。

上記サイトで書かれている通り、筆者の商サイトにもSEO業者が営業をかけてくるが、確かに『手作業でリンクを貼ります』か『IP分散型サテライトサイト』のどちらかで、SEO業者がこの手の話をしてくる事がない。。。

このエントリーを含むはてなブックマーク

text-align:distribute で文字間隔と単語間隔を調整して均等割付する

2009 年 4 月 24 日 金曜日

text-align:distribute はIEのみ採用されているプロパティで、文章を綺麗に整えたい場合に使用する。現在はIEのみ使えるが、今後他ブラウザ(FirefoxやSafari)で採用されるかは不明。

このエントリーを含むはてなブックマーク

Firefoxでダウンロード情報を詳細表示するアドオン:Download status

2009 年 4 月 17 日 金曜日

Download statusはFirefoxのアドオンでダウンロードのステータスをデフォルトより詳細に表示する事が可能
https://addons.mozilla.org/en-US/firefox/addon/8598

このエントリーを含むはてなブックマーク