Colspanはの幅セットでは機能しませんか？（IE7）

固定幅（IE 7）を使用すると、colspanが動作しませんか？なぜ？！Colspanはの幅セットでは機能しませんか？（IE7）

サンプルコード：

 <html> 
    <head> 
    <style> 
    .inputGroup td 
    { width:250px; }  
    </style> 
    </head> 
<body> 
<table class="inputGroup"> 
    <tr> 
    <td>cell1</td> 
    <td>cell2</td> 
    </tr> 
    <tr> 
    <td colspan="2">This should span two columns but it doesnt</td> 
    </tr> 
    <tr> 
    <td>cell1</td> 
    <td>cell2</td> 
    </tr> 
</table> 
</body> 
</html>

ヘルプ誰？ :(

出典

2009-06-03 Alex

それはありませんが、あなたは「.doubleSpanInputGroup」あなたがしたい場合は、と呼ばれる別のクラスを作成してみてください。幅を制限または幅500で何かしてスパニングカラムにそのクラスを設定しました。

など。

<html> 
    <head> 
    <style> 
    .inputGroup td 
    { width:250px; } 
    .inputGroup td.doubleInputGroup 
    { width:500px; } 
    </style> 
    </head> 
<body> 
<table class="inputGroup"> 
    <tr> 
    <td>cell1</td> 
    <td>cell2</td> 
    </tr> 
    <tr> 
    <td colspan="2" class="doubleInputGroup">This should span two columns but it doesnt</td> 
    </tr> 
    <tr> 
    <td>cell1</td> 
    <td>cell2</td> 
    </tr> 
</table> 
</body> 
</html>

EDIT：より多くの階層的な新しいスタイルを作っ

出典

2009-06-03 23:27:19

ああ。ありがとう、時にはあなたはちょうどあなたの前に何が正しいかを見ていない。 – Alex

ええ、probs、簡単な間違い。最初のパスには小さな問題があったので、上記の私の改訂版を使用してください:) woops。 –

など、ルールではなく、幅500pxなどを代わりにtdのtrに適用され、作る作ってみましょう：

.inputGroup tr { width: 500px; }

tdの制限を250px以下に設定しているため、ブラウザの指示に従うだけで問題が発生しています。一般的に

出典

2009-06-03 23:31:43

：

table tr:first-child td:first-child{ width:86px; }

これは、すべての最初の列はIE7でこの幅とCOLSPANを取るだけ幅が

出典

2012-11-28 18:32:52

を動作する場合、私は、autoにCOLSPANセルの幅を設定しようとしましたIE7/8/9でうまく動作していたようです。

.yourColSpanTD { width: auto !important; }

出典

2013-02-11 16:36:29 koder

Colspanは​​の幅セットでは機能しませんか？ （IE7）

答えて

関連する問題

Colspanはの幅セットでは機能しませんか？（IE7）