幅100％+横スクロール

私のサイトの幅は100％です。私のサイトには幅の広いテーブルが含まれていることが多く、時にはこれらのテーブルは（ビューポートの）100％よりも広くなります。幅100％+横スクロール

これが起こると、（完全に自然な）水平スクロールバーが表示されます。しかし、私が水平にスクロールすると、メニューは最も広いテーブルの幅に追従しません。

私はインターネット上で利用可能なさまざまなコード例を試しましたが、それでも私はずっと助けてくれないようです。以下は私の最新のコードで、水平スクロール（メニューの固定位置のため）で動作します。しかし、ページが「高」になり、垂直方向のスクロールが必要な場合、メニューは常に表示され、元のビューポート位置（自然な動作）に固定されます。

水平方向にスクロールするときと同じように動作させる方法はありますか？垂直方向にスクロールするときには通常動作しますか？

誰かが何か提案があれば、私は感謝以上のことでしょう。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>Untitled Page</title> 

    <style type="text/css"> 
     .myTable { width: auto; float: left; width: 100%; color: #666; border: 2px solid #666; } 
     .myTable td { padding: 5px 25px 5px 25px; margin: 2px; border: 1px solid #ccc; } 

     .myMenu { text-align: center; background: #666666; float: left; width: 100%; height: 30px; margin-bottom: 20px; color: #fff; } 
     .myMenu ul { margin: 0px; padding: 0px; margin-right: auto; margin-left: auto; width: 300px; list-style-type: none; text-align: center; } 
     .myMenu ul li { float: left; padding: 5px 20px 5px 20px; } 

       body       { margin:0; padding:50px 0 0 0; } 
       div#header      { top:0; left:0; width:100%; height:50px; position: fixed; } 
       * html body      { overflow:hidden; } 
       * html div#content  { height:100%; overflow:auto; } 

    </style> 
</head> 
<body> 
     <div id="header"> 
       <div class="myMenu"> 
         <ul> 
           <li>Item 1</li> 
           <li>Item 2</li> 
           <li>Item 3</li> 
         </ul> 
       </div> 
     </div> 
     <div id="content"> 
       <table class="myTable"> 
         <tr> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
         </tr> 
             <tr> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
         </tr> 
             <tr> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
         </tr> 
             <tr> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
         </tr> 
             <tr> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
         </tr> 
             <tr> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
         </tr> 
             <tr> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
         </tr> 
             <tr> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
         </tr> 
             <tr> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
           <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
         </tr> 
       </table> 
     </div> 
</body> 
</html>

EDIT：私はそれはIE8で動作するように得ることができたが、IE7は、まだ実際には幅変えた同じ病気:(

それはIE8で働かせた何に苦しんでいる：100％;へ最小幅：100％;、しかし、IE7は同意していないようです

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>Untitled Page</title> 

    <style type="text/css"> 
     body { margin: 0px; padding: 0px; } 
     #container { min-width: 100%; width: auto; margin: 0px; padding: 0px; float: left; } 
     #myMenu { width: auto; min-width: 100%; background: #666; float: left; margin-bottom: 15px; } 
     #myMenu ul { padding: 5px 0px 5px 0px; margin: 0px; width: 300px; margin-left: auto; margin-right: auto; } 
     #myMenu ul li { float: left; padding: 0px 15px 0px 15px; margin: 0px; } 

     .myTable { width: auto; float: left; color: #666; border: 2px solid #666; } 
     .myTable td { padding: 5px 25px 5px 25px; margin: 2px; border: 1px solid #ccc; } 
     #filter { margin-bottom: 10px; border: 1px solid red; height: 50px; min-width: 100%; float: left; } 

    </style> 
</head> 
<body id="myBody"> 
<div id="container"> 
    <div class="myMenu" id="myMenu"> 
     <ul> 
      <li>Item 1</li> 
      <li>Item 2</li> 
      <li>Item 3</li> 
     </ul> 
    </div> 
    <div id="filter"> 
some content 
    </div> 
      <table class="myTable potential"> 
     <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
    </table> 
    <table class="myTable potential" id="myTable"> 
     <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 


<td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</ 

td> 
     </tr> 
    </table> 

    </div> 
</body> 
</html>

出典

2010-11-26 iafiawik

メニューを移動する（メニューの位置を変更するなど）ようにするか、または幅の広いテーブルの幅に合わせて拡大しますか（メニュー幅を増やすなど） – Bazzz

こんにちは、メニューが画面の幅の100％をカバーしているように見える限り、私にとってはそれほど重要ではありません。私は、メニューの位置を移動することをお勧めします。 – iafiawik

多分私はポイントを見逃しているが、Firefox 3.6.12のChrome 7.0.517.44、IE 8、およびhttp://jsfiddle.net/RfWCd/でコードを試してみたところ、水平スクロールバーでも同じ結果が得られたテーブルが左に行くように見えますが、メニューはそのまま残り、したがってビューポートの100％を塗りつぶします。問題を再現する方法を教えてください。あるいは私はあなたの要件を誤解していますか？ – Bazzz

回答：しようとする時間と日後

、私は最終的にそれが目標でしたIE7/IE8、両方で働かせました。テーブルが広すぎるとメニューが中央に表示されないIE7の唯一の制限があります。

解決策は、幅の代わりにmin-widthを使用することでした。コンテンツがビューポートの外に出ても、コンテンツがビューポートよりも小さい場合は画面全体を覆うことができます。将来的には他の誰が同じひどい問題に直面している場合

私は、ここにコードを掲載します：サポートのための

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>Untitled Page</title> 

    <style type="text/css"> 
     body { margin: 0px; padding: 0px; min-width: 100%; width: auto; margin: 0px; padding: 0px; float: left; } 
     #container { min-width: 100%; width: auto; margin: 0px; padding: 0px; float: left; } 
     #myMenu { background: #666; float: left; min-width: 100%; } 
     #myMenu ul { padding: 5px 0px 5px 0px; margin: 0px; width: 300px; margin-left: auto; margin-right: auto; } 
     #myMenu ul li { float: left; padding: 0px 15px 0px 15px; margin: 0px; } 

     .myTable { width: auto; float: left; color: #666; border: 2px solid #666; } 
     .myTable td { padding: 5px 25px 5px 25px; margin: 2px; border: 1px solid #ccc; } 
     #filter { background: yellow; } 

html>body #myMenu { *min-width: auto; background: #666; *float: none; margin-bottom: 15px; } 


    </style> 
    <script src="http://code.jquery.com/jquery-1.4.4.js"></script> 
</head> 
<body id="myBody"> 
<div id="container"> 
    <div class="myMenu" id="myMenu"> 
     <ul> 
      <li>Item 1</li> 
      <li>Item 2</li> 
      <li>Item 3</li> 
     </ul> 
    </div> 
    <div id="filter"> 
some content 
    </div> 
      <table class="myTable potential"> 
     <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
    </table> 
    <table class="myTable potential" id="myTable"> 
     <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
       <tr> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
      <td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td><td>sdfsdfsdf</td> 
     </tr> 
    </table> 

    </div> 
</body> 
</html>

感謝を！

出典

2010-12-02 10:22:03 iafiawik

誰もが私がプレイした後に出てくることができる最高の敷石でした。？ bodyとdiv.myMenuの両方に同じ明示的な幅を設定します（例： 1800pxまたは150em）。しかし、これを行うには、どちらのページにワイドテーブルがあり、どのテーブルにワイドテーブルを作成するのかを知る必要があります。問題があると思います。自分の質問へ

出典

2010-11-26 13:34:45

残念ながら、それはテーブルのデータが動的なので、私の解決策ではありません。 – iafiawik

div.myMenuを高さに設定し、1px幅の画像をdivと同じ高さと色で背景を偽造するのはどうですか？ –

それはうまくいっていたかもしれませんが、私はメニュー項目を中心にしておく必要があります（その解決策ではそうではありません）。 – iafiawik

答えて

関連する問題