【IE6】サポート終了、お世話になったバグを振り返ってみる | バシャログ。
私は zoom 派でしたね。 float された要素と 背景画像＆テキストの組み合わせでちょくちょく遭遇しました。 毎回プロパティを記述するのもナンセンスなので reset.css で すべての要素に _zoom: 1; を設定していたのも懐かしい思い出です。 ちなみにバージョン8以降ではこのhasLayoutプロパティ自体がなくなりました。 3. マージンが2倍になる…。 float の値 と逆方向に marginを設定する ！！ floatした要素で、marignを左右に設定した場合に、その値が2倍になるバグがあります。 .box { float: left; margin-left 10px; } 上記の場合、marginが 2倍の 20pxになってしまいます。 こんなときは、magin を逆方向に指定します。 .box { float: left; margin-right: 10
Internet Explorer 11の開発者モードについて調査しました デバッガ/ネットワーク編 | バシャログ。
プログラムの実行を一時停止(ブレーク)させて変数の状態をチェックしたり、関数の呼び出し階層(コールスタック)を調査できる機能です。 使いやすくなった機能 タブで複数のファイルを開けるようになりました(複数のコードを比較することはできないようです) ミニファイされたコードの展開(ボタン1つワンクリックでできるようになった) ブレークポイントやテキスト検索でヒットした位置がスクロールバーに表示されるようになった ブレークしたときのローカル変数、ウォッチ式、コールスタックが同時に見られるようになった トレースポイント トレースポイントはIE11で追加されたものです。ブレークポイントに似ていますが、設定した行で停止せず、コンソールに残す一時的なログを設定できます。 ソースコードにconsole.logを書かなくて済んだり、リロードしなくてもよくなるのでかなり便利な機能かと思います。 条件つきブレー
Internet Explorer 11の開発者モードについて調査しました DOM Explorer/コンソール編 | バシャログ。
iPhone 5sに続きiPad mini Retinaディスプレイ買ったぜ！ フルサイズのiPadは日常的に持ち歩くにはちょっと大きい&重いですが、iPad miniなら十分毎日持ち歩けます。コミックビューアとゲームとニコニコPDFビューア・文書・スライド作成ツール・Evernote用として重宝してます！ さて、去る2013年11月8日(米国時間)、Internet Explorer 11がWindows 7 向けにも正式リリースされました。開発者ツールが見た目からして変わってたので調査しました。過去のバージョンとの互換性など気になるところも見つけましたが、とりあえず開発者ツールについて紹介します。 ところで、IEの開発者ツールはF12キーで開くことができますが、開発者ツールの名前も"F12"だったんですね。調査していて初めて知りました。 読み込んだHTMLページを読み込んで構築したDO
IE6でも透過PNGを使う | バシャログ。
いまだ小沢健二コンサートの余韻が冷めない sakai です。 普段は透過 PNG を使わずにデザイン・コーディングをしているのですが、先日どうしても透過 PNG を使いたいシーンがありました。 透過 PNG は大変便利ですが、IE6 が対応していないのがネックです。 というわけで、IE6 でも透過 PNG を使用できるようになる JavaScript のライブラリを色々試してみました。（今さらですが！） 有名どころの「jquery.pngFix.js」から使ってみましたが、これは背景画像に透過 PNG を使うとちゃんと表示されなくて断念。 「IE7.js」もところどころ挙動が怪しいしなあ… と困ったりしつつ、最終的には「DD_belatedPNG.js」に行き着きました。 DD_belatedPNG 透過 PNG を背景画像に指定したり、ポジションをいじったりしても挙動が安定しているのでと
【CSS】CSSレイアウト時のIE6対策まとめ | バシャログ。
Adobe の CS5 はなんか凄そうですね。「でもお高いんでしょ？」「ハイ、とても！」 いま会社で使っているアプリは「Macromedia」の Dreamweaver8 と Fireworks8 です。結構バリバリ制作作業していますが、別に不便に感じてないしなー、と思っている sakai です。自宅では Dreamweaver4 と Fireworks4 です。エヘン。 世間では HTML5 や CSS3 の話題も増えてきた今日この頃ですが、実務では相変わらず IE6 との格闘が続いています。 ただ、長年さんざん IE6 対策に取り組んできたこともあり、今ではそれほど IE6 を意識してコーディングすることもなくなりました。 今回は IE6 をターゲットに含めた CSS レイアウトで気をつけたい点をまとめました。 基本ですが、おさらいまで。 大前提 大前提として、IE6 は標準準拠モード
[CSS] IEのhasLayoutがtrueの時に垂直方向のmarginが相殺されない | バシャログ。
CSS のコーディングをしていると、IE6 や IE7 で垂直方向の margin が相殺されない現象が頻発するので、ちゃんと原因を確かめました。 以下、サンプルです。 XHTML のコード <div> <p>テスト</p> </div> <div> <p>テスト</p> </div> CSS のコード div { width: 100px; margin: 0 0 50px; background-color: #000; } p { margin: 0 0 50px; background-color: #EEE; } 各ブラウザでの表示 「div」と「div で囲まれた p」それぞれの下方向に 50px の margin を適用すると、通常は同じ方向の margin が相殺されて下方向の空きは 50px となるはずですが、IE6 と IE7 では margin が相殺されず 100p
%26utm_content%3DGoogle%252520International)
【CSS】IE6では実現できない点線（1px borderのdotted）を画像を使って表現する | バシャログ。
こんにちは。 カップ焼きそばの湯切りのタイミングは、表示時間の30秒前が一番おいしいと考えているishidaです。最近のおすすめは、「ピザーラ焼そば ニュースパイシーイタリアーナ風」でございます。 さてさて、IE6ではborderプロパティに「1pxのdotted」を指定しても点線ではなく以下のように破線が適用されてしまいます。 今回は、IE6でも1pxの点線を実装する小技の紹介です。 画像を使って点線を実装する場合 まず、以下のような幅2px 高さ1pxの透過 GIF 画像（bg_dotted_01.gif）を作成します。 格子模様になっている箇所が透過部分となります。 この画像を背景画像として読み込ませ、横方向に繰り返し指定をします。 以下がそのサンプルです。 サンプル 点線です。点線です。点線です。点線です。点線です。 ソースコード HTMLとCSSでの指定は以下のようになります。
【CSS】IE6 で position:absolute したオブジェクトが消えるバグ | バシャログ。
世の中では IE8 の自動アップデートが始まっていますが、本日は CSS のコーディング作業中に position:absolute で配置したオブジェクトが IE6 で表示されなくなるというバグに遭遇して、すっかりハマってしまいました。 片っ端から色々と試したところ、position:absolute を設定しているセレクタに clear:both を設定すると正常に表示されるようになりました。 初めて遭遇したバグで、clear:both で何故回避できたのかも不可解だったためネットで情報を探すと、以下のサイトが見つかりました。 IEで絶対配置（position:absolute）のボックスが消えるバグの検証 とても丁寧に解説されていて、大変参考になります。いやあ凄い。 モヤモヤが晴れてスッキリしました！ IE6 なくなればいいのに！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
