graffiti on the web 配置した画像に余計な隙間（スペース）が出来る
HTML上に画像を配置したときに、予期せぬスペースが出来るときってありませんか？（画像参照）単純に配置しただけなのに・・・と思うのですが、そんな時はCSSを以下のように設定することで解決できます。
解決策
CSSファイルに以下の設定を記述する。
[php]img {
vertical-align: top;
}[/php]
…
WEBサイト制作をしていると、IE6のような古いブラウザのチェックが必要な場合が多いですが、普段使っているPCには入っていないという場合も多いので、どうしたものかな〜〜とお困りの方も多い（最近はそうでもないのかな）のでは、ないでしょうか。
普段私は、IETesterやAdobeR BrowserLabなどのツールを使って確認することが多いのですが、動作がおかしかったり、重かったりで、いまいち、コレだ！というツールが見つかりませんでした。
さきほど、調べ物をしていたら、全然関係ないところで、よさそうなツールを発見したので、メモしておきます。
普段は、もっぱらmacを使っている私には、もう一声という感じなのですが・・・
Expression Web SuperPreview
Microsoft純正の確認用ツールExpression Web SuperPreview使い方
IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」追記
2012/02/09
少し、使ってみたので、わかったことを追記しておきます。
まず、無料ソフトではないです。６０日間の試用期間をすぎると有料ソフトを購入する必要があります。２万円ほどのソフトです。amazonなんかでは、15,000円ほどで売られていました。
使用した感想は、とても便利でした。デフォルトでは、IE6,IE7など限られたブラウザしかチェックできないのですが、リモートブラウザプレビューというのにメールアドレス登録すれば、IE9やsafari,各バージョンFireFox,Chromeでも確認できるようになります。
また、ページ対話モードにするとリンクをクリックして、ページが遷移されるので、トップページだけでなく、色々なページをクリックしてチェックしたいときには便利だと思いました。
２つのブラウザの見た目をオーバーレイ（重ねる）して、どこがずれているとかを確認することもできるようです。オーバーレイなので、透過された見た目が重ねられるので、多少見辛い感じではありますが。。
読み込みが遅かったり気になる点もありますが、サラっと使ってみた感想だと、とても便利そうなので、試用期間が切れるまで使ってみて、購入するかどうかは検討しようと思います。
この投稿へのコメント
コメントはまだありません。