いつも大変お世話になっております

サムネイル画像ですが、
長方形の画像を引き伸ばさずに、正方形に収めるにはどうしたら良いのでしょうか？

どうぞよろしくお願いします。

こんな感じでしょうか。。。
http://css.colopixie.com/image/53

----------------

karin様

どうもありがとうございます
CSSでこんなこともできるのですね、参考になります。

しかし、私の説明が悪かったですね、すみません。

長方形で写された画像を、サムネイルしたいのですが
170x170pxで指定すると引き伸ばされてしまうので
長方形のままそのピクセル内に収めたいのです。

どうぞよろしくお願いします。

PHP側で行うのであれば画像出力部分の処理を変更する必要があります。
処理的には画像のサイズで縦横の比率で170x170pxにあわせる形にした上で上下もしくは左右を削除するか、空白で埋める形にするかどちらかと思います。

HTML・CSSでの方法は知りません。

なるほど : )

以前別の案件でCSSで同様の対応を行った記憶があります。
ちょっと探してみますね。

----------------

上記でいかがでしょうか?
IE7 以下は対応できないかもしれませんが。。。

ブラウザによってはwidthとheightにautoを指定をしてあげないと画像が引き延ばされて表示された気もします。

皆様、アドバイスどうもありがとうございます

早速、試してみたいと思います。

今後ともどうぞよろしくお願いいたします。