初めまして、「画像　並べる」で検索して拝見させて頂きました。n複数の画像を紹介されてるように並べられないのか？と悩んでいましたのでとても参考になりました。nサイトデザイン・文章構成が自分の好みでしたので理解しやすいのも良かったです。n若干、自分のPHPに加える為に改造させて頂きました。n

>>1 - larkman さんコメントありがとうございます(*'-')なんだかCSS以外もほめていただいて気恥ずかしいですね(^^;これ、なかなか覚えられないんですよね・・。nなので、仕事で使うときは、自分で言うのもなんですが毎回これをコピーして使ってます・・ｗ

こんにちわ。nオープンソースとして公開している「MyHome Portal」のアルバムのサムネイル表示で、縦横混在の画像をセンタリングするのに参考にさせていただきました。nhttp://ok2nd.blog87.fc2.com/blog-entry-69.htmlCSSは難しいですね。

>>3 - ok.2nd さんおお、参考にしていただきありがとうございます。nこうしてなにかに使われているのが見えるというのはとてもうれしいです。nありがとうございました！

macのieがダメみたいです。n他はカンペキナノニ。。nでも使います。

>>5 - BRAVEMUSICさんコメントありがとうございます！nMac IE はチェックできる環境もない上にMSN のサイトも Mac IE では見れたものじゃなくなったのを機会に、nほぼチェック対象から外しています・・ｗnので、Mac IE はご勘弁ください(;´Д｀)

こんにちはとても参考になりました。nただ、この縦横中央配置で1つ不思議なことがあります。nそれは<p><img src="sample01.gif" alt="" /></p>だとOKだけど<p><img src="sample01.gif" alt="" /></p>だとIE7では中央配置にならないという事なんです。n無視できる些細なことと言われればそうなのですが、nもし宜しければお教え頂けますと幸いです。

>>7 - papain さんコメントありがとうございます！nほんとですね・・。なんだろうこれ・・。nおそらくの推測ですが、nimg 要素の後の空白文字がないと、p 要素が正確にインラインの高さを認識できないせいじゃないかな、と思ってます。nなので、半角スペースや TAB 文字があってもn正常に表示されるようです。nここらへんを目安に色々試してみたんですが、nどうも CSS だけでは解決できませんでした・・。nすみません・・。

>>えどさんいえ、こちらこそ変な質問をしてしまいすみませんでした。nこの縦の中央配置は実に有意義なだけに、この思わぬ落とし穴は怖いですね。nCSSでは解決できないですし、ほんと何なんでしょう

こんな方法もあったかと感心して、ページをままコピーして再現させていただきました。
ひとつ気づいた点があります。
文頭＜？ xml version="1.0" encoding="utf-8" ？＞の？前後のスペースは文書的に誤りなので削除したところ、IE8でレイアウトが崩れてしまいました。

>>BBさん
コメントありがとうございます！
む・・XML宣言おかしいですね・・。

ちょっと確認してみます。
ご指摘ありがとうございました！

はじめまして古い記事にコメント＆質問すいません
テーブルで配置したみたいに縦横違う画像を奇麗に縦横中央で並べるように出来るｃｓｓを探したところここに生き当たりました。
初歩的な質問ですがｃｓｓですが
標準
IE 互換モード用
IE 準拠モード用
三つとも
ｃｓｓに書いてＵＰするんでしょうか？
なにか各
標準
IE 互換モード用
IE 準拠モード用
を読み込ませる表法があるんでしょうか？
初心者ですいません　よろしくお願いします。

>>Takuzooさん
コメントありがとうございます。
CSSは、それぞれのモードに応じて読み込んでください。
また、モードに関しては「DOCTYPEスイッチ」などで検索すると
標準準拠モードや、後方互換モードについて詳しく書いてある記事が見つかるかと思います。

また、現在作成しているページがどちらかなのか、というのは
「http://css-eblog.com/javascript/judgment-browser-mode.html」
こちらの記事で判別できるスクリプトを作ってみたので参考にしてみてください。