0

テーブルの幅を 100% に設定しています。時々、広告でいっぱいの php でランダムな div を追加します。ad div を右側に配置し、テーブルのコンテンツを配置します。テーブルを左側に配置したいのですが、まだ 100% 程度で、ad div の左側のすべてのスペースを埋めてしまいます。

つまり、div が存在しない場合、テーブルは 100% の幅を埋めます。div が存在する場合、div はテーブルの右側に設定された幅 300px で表示されます。

これがdivのスタイルです

.ContentAds {
    float: right;
    height: 100%;
    width: 300px;
    display: block;
    clear: none;
}

テーブルは div ではなく、単純に幅 100% に設定されています。

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td><p class="Title">Title</p>
    <p>This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content.. </p></td>
  </tr>
</table>
4

2 に答える 2

2

今のところ、私はあなたのテーブルを配置されたdivでラップすることを提案することしかできません。しかし、あなたがかなり少量のコード jsfiddleを提供したので、それで十分かどうかはわかりません。

<div class="ad">
    advertise... advertise
    advertise... advertise
    advertise... advertise
</div>
<div class="table_wr">
    <table>
        <tr>
            <td>
                <p class="Title">Title</p>
                <p>
                    This is the content. This is the content.
                    This is the content. This is the content.
                    This is the content. This is the content.
                    This is the content. This is the content..
                </p>
            </td>
        </tr>
    </table>
</div>

CSS

body {
    position: relative;
}
table {
    border: 1px solid black;
    width: 100%;
}
.ad {
    float:right;
    width:300px;
    height: 500px;
    background-color: #a2e89f;
}
.table_wr {
    position: absolute;
    left: 0;
    right: 300px;
}

テーブルの境界線が設定されているので、テーブルがどこに伸びているかを確認できます

于 2012-08-16T21:43:23.080 に答える
0

他のDIVが存在するときにテーブルの設定幅を小さくしない限り、これは機能しないと思います。左にフロートすることもできます。

おそらく、テーブルを 100% に設定してから、他の DIV があるときに、幅を調整してフロートするテーブルにクラスを追加できますか?

于 2012-08-16T21:20:34.690 に答える