2011-03-11 2 views
0

私は(代わりに、テーブルの)CSSを使って、次の操作を実行したいと思います:IEやその他のブラウザで整列した画像を表示するにはどうすればよいですか?

(下にキャプション付き)画像
  • イメージが異なる幅(同じ高さ)を持っている
  • 画像を表示
    • 垂直方向(テーブルとは対照的に)、CSSを使用して
    • に整列されなければならないライン当たりの画像数は、画面の解像度

    Iトリに自動的に適合することになりますED次のCSS:

    div.float { 
        float: left; 
        width: expression(document.body.clientWidth < 443 ? "442px" : "auto"); /* set min-width for IE */ 
        min-width: 442px; /* sets min-width value for all standards-compliant browsers */ 
        text-align: center; 
    } 
    

    残念ながら、このようなCSSは、FirefoxやChromeの下でうまく動作しますが、この問題で任意の助けをいただければ幸い9

    インターネットエクスプローラの下では動作しません。事前にありがとう、パトリック。

  • +1

    あなたは後にしているものを示す迅速な画像を作成できますか? – thirtydot

    +1

    イメージを垂直に整列させる必要がある場合:すべて同じ高さの場合は、必ず垂直に整列されますか? –

    答えて

    0

    http://phrogz.net/CSS/icons.html

    (このページは7歳のWebブラウザのバージョンを参照していることに注意してください。物事は今でも優れています。)

    関連する問題