0

私はこれで何時間も混乱してきました。テーブルを境界線なしで完全に中央に配置しようとしています。何らかの理由で、透明ではなく -table.backColor {border: 1px solid;} 境界線が追加されたときにテーブルが中央に表示されるようです...

どんな助けでも本当に感謝します。

使用しているCSSは次のとおりです。

   body {margin: 0;
   }

   td.backColorContent {
          width: 800px; 
          border-right-width: 1px; 
          border-right-style: solid;
          border-right-color: #cbe775;          
          border-left-width: 1px; 
          border-left-style: solid;
          border-left-color: #cbe775;            
          }
   td.backColorSide {
          background-color: #f9ffe7;
          vertical-align:top;
          }


   table.backColor {
                                        position: fixed; 
                                        top: 0px; 
                                        margin-left:auto; 
                                        margin-right:auto; 
                                        width: 100%; 
                                        height: 6000px; 
                                        z-index: -2; 
                                        border-collapse: collapse;
                                        border: 1px transparent;
          }

テーブルの HTML は次のとおりです。

<table class="backColor">
 <tr>
  <td class="backColorSide">

  </td>
  <td class="backColorContent">

  </td>
  <td class="backColorSide">

  </td>
 </tr>
</table>

使用している例へのリンクは次のとおりです。http://www.nybblemouse.com/external/test2.html

4

1 に答える 1

1

マークアップを再構築し、次の方法でスタイルを適用する必要があります。

私のフィドル

于 2012-07-26T15:25:12.187 に答える