IE6で連続した<br>が認識されないときの対処法
連続した<br>がIE6では1つの<br>として表示されることがあります。例えば、文章の行間を1行分空けたいときなどに<br>を2つ指定したりしますが、ある条件が重なるとIE6では1つとして認識されてしまいます。
◆サンプル（別ウィンドウで開きます）
発生条件
<br>を包括する要素に letter-spacing が指定されている場合に発生します。値はpxの絶対値指定でもemの相対値指定でも発生し、またネガティブ値（-5pxなど）でも発生します。
対処方法
<br>に letter-spacing: 0 か letter-spacing: normal を指定することで対処できます。
◆サンプル（別ウィンドウで開きます）
サンプルでは<br>一つ一つに指定していますが、スタイルシートで br { letter-spacing: normal } と記述しても対処できますので、CSSファイルに取り合えず記述しておくのもいいかもしれません。
スタイルの優先順位のまとめ ～あなたはスタイルの優先順位について理解できてますか？～
CSSには様々な指定方法があり、この指定方法によって優先順が決められています。例えば、同じP要素に対してセレクタを下記のように指定したとします。
このように後ろに指定されたものが優先されるというだけではなく、スタイルセレクタの種類によっても優先順位に影響を与えます。
Thickboxをprototype.jsと共存させる方法まとめ
Thickboxの使い方 - 画像やHTMLのポップアップをお手軽に！の記事でThickboxの使い方をご紹介しましたが、prototype.jsとの共存ができないというごとが判明したので、今回はprototype.jsとの共存方法をご紹介します。
こちらのサイトを参考にさせていただきました。
【メモ】 prototype.jsとjQuery.jsを共存させてThickboxを動かす
重要なポイントは上記のサイトでまとめられていますので、それを踏まえた実際のやり方がこちら。
IE6で :hover を全要素へを適用させる方法
a:hover という記述はテキストのロールオーバーが良く使うことがあります。文字色を変えたり下線を消したりと、ユーザーの動きに合わせてデザインを変更することができるため、上手に使うことでユーザビリティの向上が計れます。
しかし、IE6では a要素にしか使えないため、どうしてもIE6のユーザーに対してはユーザビリティが悪くなってしまいます。そんなときに使えるのが csshover.htc というビヘイビアファイルです。これは、IE限定の拡張機能でJscriptを実行するものです。
CSSで文章の改行位置を揃える（禁則割付）
HTMLで長文があるときに、その文章の改行位置が揃っていないと見た目的にちょっと気になることないでしょうか。
ちょうどこんな感じに↓
HTMLコーダーとは、(X)HTML(※1)・CSS(※2)などを使用し、ウェブデザイナーがデザインしたものをブラウザ(※3)で見られるように、コードを書く(※4)人のことです。※1．ウェブページを作成成するためのマークアップ言語。.※2．ウェブページのデザイン・レイアウトを定義するための規格。※3．Internet ExplorerやFirefox・Safariなどの、インターネットを閲覧するために使うソフトのこと。※4．HTMLコーディングと言います。 HTMLコーダーの仕事仕事の種類と内容HTMLコーダーは普段どのような仕事をしているのでしょうか。ここからは仕事の種類と内容について紹介します。ウェブサイトのHTMLコーディング冒頭でも触れたように、ウェブデザイナーがデザインしたものをブラウザで見られるようにするためにHTMLコーディングしていきます。 ここで、Internet Explorer・Firefox・Safariなど複数のブラウザへの対応が求められます。何故なら、ブラウザごとに表示の差違があり、 Internet Explorerで表示されたものがSafariでは表示されないということが起こる上に、ユーザーもInternet Explorerだけを使っているだけではないからです。この複数のブラウザへの対応がHTMLコーディングの一番難しいところであり、これが出来て一人前のHTMLコーダーと言えるところでもあります。
このようにウェブサイトでは改行位置が揃っていないことが多いと思いますが、やはり改行位置が揃っていた方が読みやすく、見た目的にも綺麗で気持ちがいい文章に見えます。
ということで今回は、CSSを使った文章の改行位置を揃える方法の紹介です。
