CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
IE7で表示されない<tr>のborder【メモ】
IE7とtrとborderと もともとやってはダメなのかもしれませんが。IE7のtableに関するバグ（といっていいのかどうか）でハマったのでメモ書きです。 FirefoxやChrome、IE9とIE8では表示に問題がなかったので油断してまい解決に少々手間取った次第です。IE9の開発者モードもFirebugの見え方になれているとやり難いですし、原因の特定に時間がかかりました。 メインがWindowsだともっと早いんだろうなぁとは思うのですが、今さらIEを使う気にもならないので結局同じかもしれません。 前置きが長くなりましたが本題です。 <table>の<tr>にborderが反映されない <table>で組む際は<tr>で<th>や<td>を囲みます。 そこで、横列全体に簡単にborderで装飾をつけようと考えたので<tr>にborderを設定した訳ですが。 IE7では反映されません。 F
IE 7以下で背景画像が表示されない場合の対処法
IEで変な現象が起きてしまったのでメモ。 Internet Explorer 7以下で背景画像が表示されなくなるといったもの。 その原因となった部分と対処法。 背景が表示されなくなったページこういうページを作ってました。 背景画像が表示されなかったページ このページの「タイトル」と書かれている部分ですね。 （実際に作ったページとは画像を変更しています） この部分のHTMLとCSSは以下。 <div id="main"> <div class="article"> <div class="head"> <h2>タイトル</h2> </div> <div class="body"> <p>テキスト。テキスト。テキス...</p> </div> </div> </div>/* ここが表示されない */ #main .article .head { background: url(img/main
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
