Colspan не работает с установленной шириной <td>? (IE7) - PullRequest
Новая
       6

Colspan не работает с установленной шириной <td>? (IE7)

5 голосов
/ 04 июня 2009

Я не могу заставить работать colspan при использовании фиксированной ширины (IE 7)? Почему?!

Пример кода:

</p> <pre><code><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>

Помогите кому-нибудь? (

Ответы [ 4 ]

7 голосов
/ 04 июня 2009

да, но вы ограничили ширину. Если вы хотите, попробуйте создать другой класс с именем .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>

РЕДАКТИРОВАТЬ: сделал новый стиль более иерархическим

1 голос
/ 04 июня 2009

Попробуйте применить правило к tr вместо td и сделать ширину 500 пикселей вместо этого, например: 

.inputGroup tr { width: 500px; }

Проблема в том, что вы установили ограничение на td шириной не более 250 пикселей, поэтому браузер просто следует вашим инструкциям.

0 голосов
/ 11 февраля 2013

Я попытался установить ширину ячеек colspan на auto, в IE7 / 8/9

все работало нормально 
.yourColSpanTD { width: auto !important; }
0 голосов
/ 28 ноября 2012

в общем порядке: 

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

если это единственная ширина, все первые столбцы принимают эту ширину и colspan в ie7 будет работать

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...