2009-06-03 8 views
5

Ich kann Colspan nicht arbeiten, wenn ich eine feste Breite (IE 7) verwende? Warum?!Colspan funktioniert nicht mit width set? (IE7)

Beispielcode:

<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> 

Hilfe jemand? :(

Antwort

7

es tut, aber Sie die Breite begrenzt haben. Wenn Sie wollen, versuchen Sie eine andere Klasse zu schaffen namens ‚.doubleSpanInputGroup‘ oder etwas mit einer Breite 500 und setzen diese Klasse auf die Spanning-Spalte.

zB.

<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: aus dem neuen Stil hierarchischen

+0

Oh wow. Danke, manchmal siehst du einfach nicht, was direkt vor dir ist. – Alex

+0

yeah keine probs, einfacher Fehler. Bitte stellen Sie sicher, dass Sie meine überarbeitete Version oben verwenden, da der erste Durchlauf ein kleines Problem hatte :) wops. –

1

Versuchen Sie, gilt die Regel tr statt td und macht die Breite 500px statt, wie zum Beispiel:

Das Problem, das Sie haben, ist, weil Sie die td Grenze auf maximal 250px breit festgelegt haben, so dass der Browser einfach Ihren Anweisungen folgt.

0

in allgemeiner Weise:

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

, wenn dies die einzige Breite aller ersten Spalte diese Breite und colspan in IE7 nehmen funktioniert

0

ich die Breite der colspan Zellen auf Auto zu setzen versucht, schien in IE7/8/9 gut zu funktionieren

.yourColSpanTD { width: auto !important; }