2011-10-30 33 views
0

wordpressのdiv内の画像を垂直に整列しようとしていますが、divは一種の背景境界として設定されています。私はそれを垂直に行うことはできません誰も助けることができますか?ワードプレスのdiv内のimgを垂直に整列する

ここに私のクラスがあります。画像はdivで、imgは投稿内の画像です。

.entry img{max-width: 475px; max-height: 240px; padding: 50px;} 
.entry .image{background-image:url(images/image-back.gif); width: 590; height:339px; text-align: center; margin-top: 20px; margin-bottom: 40px;} 

htmlコードは

<div class="image"><img src""></div> 

任意のヘルプは高く評価され、ポスト内の各画像のために、このように示して、ありがとう!

答えて

0

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Internet Explorerの溶液の台形:内部オブジェクトが絶対領域の高さの半分に配置されます。その後、その高さの半分だけ上に移動します。 Internet Explorerの高さプロパティの誤った解釈が使用されます(カウントされた高さは、ネストされたタグの高さの割合の基になります)。エクスプローラには、ネストされた1つのタグが必要です。

Mozilla、Opera、Safariなどの標準ブラウザのソリューションはまったく異なります。全体領域(上部)はテーブルとして表示するように設定されています(表示:テーブル、CSS2の一部)。内部オブジェクトはテーブルセル(display:table-cell)として設定されます。しかし、標準的なブラウザでは、このような表示された要素にvertical-alignプロパティを使用することが可能です。 (Internet Exlorerはこれらのプロパティを無視するか、その値を知らない)

+0

imgタグ付きのdivは1つだけですが、このコードでは3つのdivを使用しますか?また、テーブルのセルが動作しているかどうかはわかりません。 – amy123

+0

追加のdivを追加してこの作業を行うことはできませんか?うん、表示:IEでIEのための別のソリューションを提供する理由は、テーブルでは動作しません。上記に追加されました。 – jetlej

+0

私はwordpressを使っていますので、あなたはこれを解決しなければdivにコードを追加することはできません。 – amy123

関連する問題