IE7 でテーブルのレイアウトが崩れる件

お疲れ様です。

初めて書き込みします。

縦スクロールするテーブルを作っていた所、
IE7 だけ、どうにもレイアウトが崩れてしまう現象が起こった。

属性を調べてみると、table タグと tbody タグの間に
隙間が空いていた。
イメージとしては、table タグに padding が設定してあるか、
tbody タグに margin が設定してあるような感じ。

もちろん、どちらの設定もしていない。

更に調べてみたところ、table タグの cellpadding 属性が
悪さをしていることが分かった。
なのでこの子を 0 に設定してあげることでこの隙間は
解消された。

IE7 といえば、現在のように css だけでどうにかしようという
風潮がまだまだ浸透していない時代の遺物。
こういうこともあるのですね。

faviconの背景透明化

ブラウザタブの一番左に表示されるファビコンの背景色を白ではなく透明にしたいという時の手順をメモします。

1.フォトショップに、ファビコンを保存できるプラグインをダウンロードします。

下記サイトの赤線枠から必要なファイルをダウンロードします。

 

2.ダウンロードしたファイルを、
Program Files の photoshop フォルダ内の「プラグイン」の「ファイル形式」フォルダの中にコピーします。(フォルダ名は、バージョンによって違いがあるみたいです。)

3.32×32px の背景透明のファビコンイメージを作成します。
(私の場合は、Fireworks で 32×32px の背景透明のPNGを作成してみました。)

4.フォトショップを起動し、3で作成したファビコンイメージを開きます。

5.「ファイル」→「別名で保存」を選択し、ファイル形式で「ICO」を選択します。

6.保存ボタンクリック後、ポップアップが表示されますので、
「Standard ICO」で保存します。

背景透明のファビコンの作成については、ここまで。

あとは、HTMLのheadタグ内に

と記載すればOKです!

CSSでサブメニュー

WEBページでサブメニューを作りたいとき、CSSでサブメニューを実現する方法がシンプルで修正もしやすそうです。

「CSS サブメニュー」での検索結果

ただ、マウスを載せないと情報が見られない、情報がある事に気づけない、という状態は、意図や理由が無いならお奨めしません。(好みもあるので否定もしませんが。)

 

 

 

HTMLの構文チェック

HTMLをエディタで直接書く場合、必ずといっていいほど凡ミスがあります。
HTML構文チェックは必須ですね。

・最低限のHTML構文チェックなら

W3C(ダブリュースリーシー)

http://validator.w3.org/

・細かく見てくれて、「本当はこんな風にする決まりなんだぁ」と勉強にもなります。日本語で説明してくれるのでわかりやすい。お客様によりますが、無理に100点を目指さなくても、わかった上でのエラーならOKとしてもいいかもしれません。

Another HTML-lint gateway

http://cetus.sakura.ne.jp/htmllint/htmllint.html