CSSバグリスト
2020.05.23 Sat【保存版】ラッキーニッキーで3年遊んでわかった全て！ Uncategorized 2020.05.23 Sat【保存版】ラッキーニッキーのライブカジノでおすすめを厳選！ Uncategorized 2020.05.23 Sat【必見】ラッキーニッキーのボーナス情報を網羅！登録時や入金でお得！ Uncategorized 2020.05.23 Sat【完全版】ラッキーニッキーのスロットおすすめランキング Uncategorized 2020.05.23 Satラッキーニッキーのサポート情報！エラー発生時はどうする？ Uncategorized 2020.05.23 Sat【必見】ラッキーニッキーのVIP制度！ハイローラー向け Uncategorized 2020.05.23 Sat【保存版】ラッキーニッキーの入金・出金や限度額を解説！ Uncategorized
:first-letter擬似要素と各擬似クラス絡みのInternet Explorer 6のバグ
all about blosxomのサイトを作った時にハマった、:first-letter絡みのInternet Explorer 6のバグにまたハマった(学習していない)のでまとめておいてみる。そのバグは、display: block;としたa要素に対して:first-letter擬似要素・:hover擬似クラス・:hover擬似クラスなどを利用してスタイルの指定をした場合、:first-letter擬似要素によるスタイルの指定は有効であるが、各擬似クラスによるスタイルの指定が無効になるというもの。 何はともあれテスト・ページを参照。例としてタブ型のナビゲーションを作成してみた(というかタブ型のナビゲーションを作っているときに遭遇した)。 CSSのコードのバグを含む部分は、 div#navigation ul li a:first-letter { text-decoration: un
非対応セレクタを利用した CSS ハックの注意点 - 2xup.org
2007-01-21T04:00:10+09:00 Microsoft Internet Explorer 7 正式版の登場で、これまで未対応だった CSS セレクタが利用できるようになりました。Windows IE7 で対応したプロパティのおさらいと、その他ブラウザでの対応状況を資料ではなく実際に試してみてまとめていた中から今回は子セレクタと隣接兄弟セレクタにしぼり、備忘録も兼ねてまとめてみます。子セレクタ、隣接兄弟セレクタの仕様は以下のとおり。 子セレクタ A>B { property: value; } 親要素 A の直下(子) にあるBにのみ装飾を行うセレクタ。 div>span { color: gray; } この場合、<div><span>not gray</span></div> はグレーの文字になりますが、<div><p><span>not gray</span></p>
CSSレイアウトの定石 WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
MacIE Tips : ユーザスタイルシート
さて、ユーザスタイルシートとは。たとえるならば、メガネです。ウェブページを、見ている人が見やすいように自分で調整できる、そんな機能を提供してくれます。 一般的には、CSS(カスケーディングスタイルシート) という形式で記述をします。現在はまだ過渡期なので、微調整くらいにしか使えませんが、使いようによっては、より快適なウェブブラウズができるようになります。 CSS HTML などの文書を、どう表現するか定義する言語。MacIE のような視覚ブラウザの場合は、見た目を指定する。 何ができるか 行間を適度にあける 目が悪いので文字を常に大きくする 太文字を生理的に受け付けないので普通の太さにする ブラウザの CSS 関係のバグを回避する（笑） などなど、深刻な悩みから、一見わがままにしか見えない事まで解決できてしまいます。 作る、選ぶ まず、自分の好みの設定を記したユーザスタイルシートファイルを
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じような形にするのではなく、より近い形ということです。 現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。 設置方法 Google コードのie7-jsより直接読み込むことが可能です。 以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
<ol>要素に於けるファイヤーフォックス等でのバグ対策 - CSS小技集
CSSの小技として、<ol>要素に於いて見られるファイヤーフォックス等"もじら系ユーザエージェント"のバグへの対策です。 ファイヤーフォックス等にはどのようなバグがあるのか。(平成19年 6月 1日 更新) 現行のファイヤーフォックス(ヴァージョン 1.5.x.～2.0.x.)等の"もじら系ユーザエージェント"では、ある条件で<ol>要素に於いてバグが発生します。 具体的には、 <ol>要素の孫以下の要素(子要素は必ず<li>要素ですね)にdisplay: list-itemプロパティが与えられた<li>以外の要素が含まれていると、その要素の分だけカウントが増えてしまう。 と言うものです。 後で調べたところ、初期のネットスケープ 6.01(まだファイヤーフォックスの原型さえなかった頃のもの)でもこのバグがある事が分かりました。(平成19年 6月 1日) 具体的なサンプル。 ちょっと分かり難
Firefox + Firebug + Google Adsense におけるクラッシュ問題について - nothing but trouble
id:RAVERAVER:20071013 の 人に聞かれたので、 Firebug ML 読み直しました。 ML で、 John J Barton 氏 の発言を中心に見た限りでは、こういう感じなのかな？ 現象 Windows*1 Firefox 2.0.0.7 以降 Firebug 1.05 以降 Google Adsense msvcrt.dll + Google Adsense の問題っぽい。 原因 Google Adsense の問題 Script を Create したり、 Destroy したりしすぎ イベント毎に大きな script 読み込みすぎ 結果として warning が多すぎる Firefox 側の問題 script.functionSource のバグ 暫定的対応策 攻撃的対応 about:config の javascript.options.strict を fa
hoshikuzu | star_dust の書斎 - 2007-09-18 IEではHTMLのコメントにスタイルを付加できるらしい
バージョン Firefoxの1.508ぐらいの古いもので考えてみました。 background:url("javascript:ほえほえ") background:url("javascript:ほえほえ");Firefoxでは上記のようなスタイル記述をほどこしたbody要素内の各要素で、ほえほえを安易に書いたときに、documentオブジェクトには手が出せません。つまりcookieを単純に盗み出すことが出来ないのかもしれません。権限がないというエラーメッセージが出るのです。また、JavaScriptの組み込み関数も利用できません。alert()とか。XSSされにくい感じです。windowオブジェクトにも制限がかかっているかもしれません。 でもでもでも locationオブジェクトそのものに値を設定はできます。 location="attacker.example.com";これでURLの
IEを華麗に撃墜する一行 - ぼくはまちちゃん！(Hatena)
はい！ こんにちは！！！！！ 今日は、偶然ブラクラ発見しちゃったから、それをお伝えしますね！ これだよ！ <style>*{position:relative}</style><table><input></table> → サンプル (IEだとブラウザが終了しちゃうよ！ 注意してね！) IE6とかIE6のコンポーネントブラウザだと確実に落ちちゃうみたいだね！ IE7は確認してないけど！ tableとかtrの直下に、inputとかselectがあって、 そのあたりにcssの全称セレクタでposition:relativeがあたっているとダメなかんじかな！ ちなみにinputにstyleで直接relativeあてても落ちなかったよ！ なにこれ！ よくわかんないけど面白いね…！ FirefoxとかOpera大好きっ子は、 これをたくさんバラまいてIEのシェアをどんどん下げちゃえばいいと思うよ！
Ultimate Tag Warrior で記事が検索対象にならないバグ
WordPress にタグ機能を附加する Ultimate Tag Warrior (UTW) ですが、タグが1つもついていない記事が検索機能の対象外となってしまうバグがありました。 UTW を入れたとたんに記事検索で何も表示されなくなるという現象が発生していたため調べていたところ、木の葉の家さんの記事で、同じ問題とその解決方法が記載されていました。 どうやらUTWを有効にしている状態では、UTWでタグ付けがされていない記事は検索結果に表示されないようなのです。 原因が分かったところでUTWのフォーラムを覗いてみると…答えが見つかりました。 my neato thing: Bugs: Post Search broken after Installing UW 3.14 (英語) （中略）UTWプラグインに含まれているultimate-tag-warrior-actions.phpというフ
栄光ゼミナール；塾選びガイド
栄光ゼミナールとほかの塾との授業料、サービスなどさまざまなポイントについて比較しています。栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなＤＶＤ（届くまでお楽しみ） 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制（6人から20人程度）できめ細やかな授業
楽天メッセンジャーを試して驚いたこと
ブラウザからチャットや通話が利用できる「楽天メッセンジャー」がリリースされました。 早速、登録して試してみようとしたところ…、携帯電話のメールアドレスの入力が求められました。 「携帯メールとは」のヘルプがあったので、確認してみました。 ↓携帯メールについてのヘルプ画面↓ 「Vodafone live!」のメールアドレスを入力しないといけないようです。 もう半年以上前から「Yahoo!ケータイ」に変更されたような気がするんですが…。 なんとなく、Vodafoneの勢いが強かったエジプトを思い出しました。 ↓エジプトでのVodafoneの看板↓ 細かいことは気にせず、携帯電話のメールアドレスを入力して、ログインしてみました。 ↓ログイン後の画面↓ なんだか使い方が良くわからないので、もう一度「楽天メッセンジャー」のトップページに行って（別のタブで）キャンペーン内容などを読んでみました。 そして
/IE7/overview/
Overview IE7 loads and parses all style sheets into a form that Explorer can understand. You can then use most CSS2/CSS3 selectors without having to resort to CSS hacks. The lightweight script is a single-line inclusion in your HTML/XML document. No alteration of your original markup is necessary. Neither do you have to alter your CSS. IE7 provides Microsoft Internet Explorer with support for W3C
長～いURLによるカラム落ち、に対処する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 長いURL(半角英数字）を強制改行させるには、CSSで「word-break: break-all;」を指定すれば良い。これはIEの独自拡張で、IE5.0から対応しています。 通常のボックス要素の場合だと、Opera/firefoxではボックスを突き破りはしても、ボックスを拡張したりはしない。 幅が指定されたボックス要素を拡張してしまうのはIEのバグなので、通常は「word-break: break-all;」で大きな問題は無いです。（レイアウトが崩れない、て意味ね） ただし、table要素に詰まっていると、ややこしくなります。table要素は特殊なブロック要素で、中
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.cgmm.co.jp/blog/2007/06/firefox.html
Google Code Archive - Long-term storage for Google Code Project Hosting.
http://cobalt.cside2.jp/blog/blosxom.cgi/tech/blosxom/start-02-bugfix.htm
http://mynotes.jp/blog/2007/06/cssbug_wiki
http://cssbug.at.infoseek.co.jp/detail/winie/b108.html