0

これは、以前の質問 ( ListView - ItemTemplate テーブル スタイル) のフォローアップです。私はまだ ItemTemplate を次のようにしようとしています:

______________________________________________
|               |___________Title_____________|
|    Image      |____________Name_____________|
|               |______Value_____|____Value___|
|_______________|______Value_____|____Value___|

Chrome と Opera では問題なく動作しますが、他のブラウザでは問題があります。

ファイアフォックス:

______________________________________________
| _____________ |                             |
||   Image    | |                             |
||            | |                             |
||____________| |___________Title_____________|
|               |____________Name_____________|
|               |______Value_____|____Value___|
|_______________|______Value_____|____Value___|

いいえ:

______________________________________________
| _____________ |___________Title_____________|
||    Image    ||____________Name_____________|
||             ||______Value_____|____Value___|
||_____________||                |            |
|               |                |            |
|_______________|______Value_____|____Value___|

Safari では IE のように表示され、その上に巨大なギャップが追加されます。

これがページとCSSの出力ですhttp://jsfiddle.net/9HsvF/21/助けていただければ幸いです!

4

1 に答える 1

0

ただの提案です。可能であれば、テーブルを取り除きます。そして、div レイアウトを試してください。レイアウト テンプレートの出力は ( http://jsfiddle.net/V5aCa/1/ )のようになります。

<div style="overflow:auto;">
    <div class="leftColumn">
        <img src="http://static.adzerk.net/Advertisers/da748a4c6e9b4c97af37c32af7531544.jpg"/>
        </div>
    <div class="rightColumn">
        <div class="titleRow">Title</div>
        <div class="nameRow">Name</div>
        <div class="values">
            <div>value1</div><div>value2</div>
        </div>    
        <div class="values">
            <div>value3</div><div>value4</div>
        </div>    
    </div>
</div>

そしてCSS：

.leftColumn
{
    float:left;
    width:150px;
    overflow:auto;
}
.rightColumn
{
    float:left;
    overflow:auto;
}
.titleRow,.nameRow
{
    text-align:center;
}
.values
{
    clear:both;
}
.values div
{
    float:left;
    padding:0px 3px;
}
于 2013-02-04T03:51:28.923 に答える