0

このドキュメントには、IE6で予期しないレイアウトがあります（IEテスターでのテスト）。

  1. .receptacleの左端と.albuminfoボックスの左端の間の2倍のマージン
  2. テーブルは適応幅ではありません（.albumvocalボックス内）

誰が問題の解決を手伝うことができますか？.albumvocalボックスでテーブルの幅を100％に設定する別の方法がある場合は、教えてください。

--------------------------------------元のhtml---------- -----------------------------

<body>
<div id="receptacle">
<div class="albuminfo">
    <img alt="title" src="middle_special_329225.jpg" />
    <p>album info</p>
    <p>album info</p>
    <p>album info</p>
    <p>album info</p>
</div>
<div class="albumvocal">
<div style="width:100%">

    <h2>album name</h2>
    <table width="100%">
    <thead>
    <tr>
    <th>vocal</th>
    <th>artist</th>
    <th>zone</th>
    <th>style</th>
    </tr>
    </thead>
    <tr>
        <td>vocal1</td>
        <td>artist1</td>
        <td>zone1</td>
        <td>style1</td>

    </tr>
    <tr>
        <td>vocal2</td>
        <td>artist2</td>
        <td>zone2</td>
        <td>style2</td>

    </tr>


    </table>
    </div>
    </div>
    <div class="albumeaddinfo">
    </div>
</div>
</body>

- - - - - - - - - - - - - - - - - - - - スタイル - - - - - ------------------------------------

    #receptacle{
        width:958px;
        margin:0 auto;
        border:1px solid #F00;}
    .albuminfo img{
        width:190px;
        height:190px;}
    .albuminfo{
        text-align:center;
    float:left;
    padding:1.5em;
    margin:2em 0 0 1%;
    border:1px solid #00F;}
.albumvocal{
    margin:2em 0 1em 30%;
    padding:1em;
    border:1px solid #F0F;}
.albumeaddinfo{
    clear:both;}
table {
    height:1%;
    zoom:1;
    width:100%;
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}
4

1 に答える 1