Работа с таблицей в IE9

@Nk182 · Регистрация: 24.09.2013

Author24 — интернет-сервис помощи студентам

Привет всем! У меня такая проблема. Нужно что-бы border-collapse: separate работал только для tbody в Ie9. В Chrome и firefox отображается корректно. Может кто сталкивался с такою проблемой? Помогите плиз))

HTML5

<!DOCTYPE>
<html>
    <head>
        <title>TEST</title>
        <style>
        table.myTable{
            border-collapse: collapse;
        }
        thead {
            display: block;
            border: 2px solid black;
            margin-bottom: 10px;
        }
        thead th {
            border: 1px solid black;
        }
        
        tbody {
            display: block;
            box-sizing: content-box;
            border: 2px solid black;
        }
        
        tbody.sectioned {
            border-collapse: separate;
            border-spacing: 3px;
        }
        
        tbody td {
            border: 1px solid black;
        }
 
        </style>
    </head>
  <body>
    <table class="myTable">
        <thead>
        <tr><th>Additional Aircraft </th> <th>Additional  </th></tr>
      </thead>
      <tbody class="sectioned">
        <tr><td>General Data</td><td>General Data</td></tr>
        <tr><td>Tail Number</td><td>N0809021</td></tr>
        <tr><td>Type of Ownership</td><td>personal</td></tr>
        <tr><td>Type of Aircraft</td><td>aircraft under 13,000 pounds</td></tr>
        <tr><td>Year of Manufacture</td><td>1999</td></tr>
        <tr><td>Use of Aircraft</td><td>private</td></tr>
        <tr><td>Start Date</td><td>12312321</td></tr>
        <tr><td>Policy Length</td><td>6 months</td></tr>
      </tbody>
    </table>
  </body>
</html>

@vakummm · 27.06.2014, 18:31

HTML5

<head>
<!--[if lte IE 9]>
    <style type="text/css">
         table.myTable{border-collapse: collapse;}
    </style>
<![endif]-->
</head>

@Nk182 · 30.06.2014, 15:30 **[ТС]**

Сообщение от vakummm

<head>  </head>

не, ?мне нужно что бы только для tbody!

@vakummm · 30.06.2014, 15:41

HTML5

<head>
<!--[if lte IE 9]>
    <style type="text/css">
         tbody{border-collapse: collapse;}
    </style>
<![endif]-->
</head>

@Nk182 · 30.06.2014, 16:08 **[ТС]**

мой вопрос такой:

Сообщение от Nk182

Нужно что-бы border-collapse: separate работал только для tbody в Ie9.

и если написать, что ты предложил даже для border-collapse:separate - не работает почему то(((

@Nk182 0 / 0 / 0 Регистрация: 24.09.2013 Сообщений: 8
	30.06.2014, 15:30 [ТС]	3
	Сообщение от vakummm <head> <!--[if lte IE 9]> <style type="text/css"> table.myTable{border-collapse: collapse;} </style> <![endif]--> </head> не, ?мне нужно что бы только для tbody! 0

@Nk182 0 / 0 / 0 Регистрация: 24.09.2013 Сообщений: 8
	30.06.2014, 16:08 [ТС]	5
	мой вопрос такой: Сообщение от Nk182 Нужно что-бы border-collapse: separate работал только для tbody в Ie9. и если написать, что ты предложил даже для border-collapse:separate - не работает почему то((( 0