CSSでfloatを解除する方法のまとめ
CSSのfloatを解除（クリア）する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題（というか仕様）と、その対処方法についてネットで調べた情報を一通りまとめました。 １．floatにより親要素の高さが出なくなる（＝背景がなくなる）問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSとHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi
はてなブックマークでタイトルを一覧表示するブックマークレット
はてなブックマークでタイトルを一覧表示するブックマークレットを作りました。 １．作った理由 2013年1月8日、はてなブックマークのデザインがリニューアルされました。 リニューアル前 リニューアル後 個人的に、はてなブックマークを読むときは、「人気エントリー一覧」のページをスクロールしながらタイトルだけをざっと見て、読みたいと思ったものを別タブで開いていき、あとでそれらをゆっくり読む、というスタイルをとっています。 リニューアル後は、ページに表示されるタイトルの数が減ってしまっていて、スクロール量が増えました。 また、順序なしリストをinline-blockで横並びになり、タイトルだけの表示もできないようなので、タイトルを追うための視線の移動が以前より大きくなりました。 ２．ブックマークレット ということで、タイトルを一覧表示するためのブックマークレットを作ってみました。 一覧表示 上のリ
小粋空間: Internet Explorer 6 と Internet Explorer 7 を共存させる
はてなブックマーク経由で「IE6 と IE7 の共存はできませんか？」という類の質問をいくつか頂きまして、ネットを検索してみたところ、簡単に共存できる方法が書かれたサイト（下記）をみつけましたので、本エントリーにて IE6 と IE7 を共存する方法をご紹介します。 Tredosoft：Internet Explorer 7 running side by side with IE6. (standalone) 「共存」というのはやや誇張した表現ですが、IE7 Standalone 版を本来の IE のインストールフォルダとは異なるフォルダにインストールするというものです。またインストーラを利用するので簡単にインストールできます。アンインストールも可能です。当然ながら対応 OS は Windows XPのみです。 上記のページには2つの方法が紹介されていて、このエントリーでは「インストーラ
Movable Type 個人ライセンス（無償）のダウンロード方法が変更
数日前から、Movable Type 個人ライセンス（無償）のダウンロード方法が、大幅に簡単になりました。 １．新しいダウンロード方法 ECバイヤーズのページに進み、利用許諾に同意すれば、いきなりダウンロード画面が表示され、MT4.1-ja または MT3.36-ja がダウンロードできます。 以前の、「メールアドレス登録→ライセンスキー取得」という作業やダウンロード回数の制限がなくなったので、かなりダウンロードしやすくなっています。ちょっと使ってみたいという方から、バージョンアップで新たにダウンロードされる方まで、朗報といえるでしょう。 参考までに、過去のダウンロード方法も次に掲載しておきます。 ２．過去のダウンロード方法 利用許諾に同意したあと、さらにメールアドレスを登録します。 メールアドレスを確認して、「申込」をクリック。 申し込み完了で、登録したメールアドレスにメールが送信。 送
小粋空間: Firefox 1.5 と Firefox 2.0 を共存させる
Firefox 2.0 がリリースされまして、当サイトを Firefox で閲覧されている方の約 50% がすでに 2.0 をお使いのようです。 私もリリースと同時に Firefox 2 をインストールしまして、直感的ですが閲覧機能に限っては（というか他は深く試してません）1.5 よりかなりいい感じです。 ただし拡張機能の差分や、CSSの表示の違いも若干あるようで、個人的には 1.5 と併用したいと思いました。ということで、ここでは Firefox 1.5 と Firefox 2 をひとつのPCで共存させる方法をご紹介します。 今後のバージョンアップでも同様の方法で共存させることができるかもしれません。 参考サイトは下記です。ありがとうございました。 Firefox 1.5と2.0を共存させる方法 Firefox 2.0 RC 1とFirefox 1.5を共存させる方法 なお、Firefo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
