css border-bottom iexplorer - PullRequest
       11

css border-bottom iexplorer

1 голос
/ 07 октября 2009

CSS:

.item_fact{
     border-bottom:#CCCCCC 1px solid;
}

HTML:

<table>
  <tr class="item_fact">
    <td> hello </td>
    <td> world </td>
  </tr>
</table>

IE7 не отображает нижнюю границу, но Firefox и Chrome отображают! Как я могу взломать этот CSS?

Ответы [ 2 ]

4 голосов
/ 07 октября 2009

правильный синтаксис css будет:

border-bottom: размер стиля цвета;

Итак, в вашем случае:

border-bottom: 1px solid #CCCCCC;

edit : на самом деле, кажется, что TR не действует так, как будто «содержит» элементы TD в IE7. Один трюк, который вы можете сделать, это установить границы свертывания таблицы, а затем применить все TD в .item_fact, чтобы иметь границы само дна.

Как это:

<html>
<head>
<style type="text/css">
table {
    border-collapse: collapse;
}
.item_fact td {
     border-bottom:1px solid #CCCCCC;
}
</style>
</head>
<body>
<table>
  <tr class="item_fact">
    <td> hello </td>
    <td> world </td>
  </tr>
</table>
</body>
</html>
0 голосов
/ 07 октября 2009

Границы на строках не поддерживаются в IE / css. Вам нужно ограничить клетки.

.item_fact td {
  border-bottom:1px solid #ccc;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...