「CSS」カテゴリーアーカイブ

CSSでfloatを指定したボックスを含むボックスの背景が出なくなる

CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki
IE7対策には、"min-height: 1em"

一点注意しなければならないのは、#containerCに記述されている"min-height: 1em"の記述です。 これはボックスの最小高さを指定するもので、現在リリースされているモダンブラウザでサポートされています(IE6は含まれません)。
この指定を入れることでIE7で外側のボックスの高さをフロートした内側のボックスの高さに合わせて拡張することができます。
"1em"の高さ自体は1pxでも1%でもなんでもよいと思います。

リンクをクリックしたときに横に伸びる点線を消す方法

リンクをクリックしたときに横に伸びる点線を消す方法(Firefox) - IDEA*IDEA ~ 百式管理人のライフハックブログ
背景画像でリンクを表示し、テキストはスタイルで非表示にしているような場合、aタグのスタイルを、

background-image: url(/images/xxx.gif);
text-indent: -9999px;

のようにしたりする。
しかしそうすると、リンクをクリックした場合に、点線が左にグーッと伸びて表示されてしまう。
これを消すには、そのaタグのスタイルに、

overflow: hidden;
outline: none;

を追加すればよい。