Вопрос по css, rendering – Firefox 1 пиксель ошибка с бордюр-коллапс, обходной путь?

34

Error: User Rate Limit Exceeded

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">                                   
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">   
<body>
<div style="padding: 50px">
<div style="border: 1px solid red">Table header info</div>
<table style="border: 1px solid green; border-collapse: collapse; width: 100%">
    <tbody>
        <tr>
            <th>Col1</th>
            <th>Col2</th>
        </tr>
        <tr>
            <td>Hello</td>
            <td>World</td>
        </tr>
    </tbody>
</table>
<div style="border: 1px solid red">Table footer info</div>
</div>
</body>
</html>

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded


Edit

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit ExceededdoubledError: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded Vexatus
Error: User Rate Limit Exceeded cobbal
Error: User Rate Limit Exceeded Hardwareguy
Error: User Rate Limit Exceeded Dirk Vollmar
Error: User Rate Limit Exceeded cletus

Ваш Ответ

12   ответов
1

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

td {
    background-clip: padding-box
}

Error: User Rate Limit ExceededError: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
0

Error: User Rate Limit Exceededpaste-it.net/public/kd66d41Error: User Rate Limit Exceeded Vexatus
22

table { border-spacing: 0; *border-collapse: collapse; } 

Error: User Rate Limit Exceeded
2

table { border-spacing: 0; *border-collapse: collapse; }

table {
  border-collapse: separate;
}    
table tbody td {
  border: 1px solid #000;
  border-top: none;
  border-left: none;

  &:first-child {
    border-left: 1px solid #000;
  }
}
table thead th {
  border-bottom: 1px solid #ff0000;

  &:first-child {
    border-left: 1px solid #ff0000;
  }
  &:last-child {
    border-right: 1px solid #ff0000;
  }
}
18

<table style="border: 15px solid green; width: 100%"  cellspacing="0">

table {background-color: green;width:100%;}
td, th{background-color:white;}

<div style="padding: 50px">
<div style="border: 1px solid red">Table header info</div>
<table cellspacing="1" >
        <tbody>
                <tr>
                        <th>Col1</th>
                        <th>Col2</th>
                </tr>
                <tr>
                        <td>Hello</td>
                        <td>World</td>
                </tr>
        </tbody>
</table>
<div style="border: 1px solid red">Table footer info</div>
</div>
Error: User Rate Limit Exceeded
2

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
0

table { border: 1px solid transparent; border-collapse: collapse; }

0

table{border-collapse:separate;border-spacing:1px;border:none;background-color:#ccc;}
table td{border:none;}

5

table {
  border-collapse: collapse;
}

th, td {
  border: solid 1px #000;
}

border-collapse

table {
  border: solid 1px #000;
  border-width: 0 1px 1px 0;
  border-spacing: 0;
}

th, td {
  border: solid 1px #000;
  border-width: 1px 0 0 1px;
}

 +------+------
 | cell | cell
 +------+------
 | cell | cell

table

+------+-------               |         +-------+------+ 
| cell | cell                 |         | cell  | cell |
+------+-------   +           |    =    +-------+------+
| cell | cell                 |         | cell  | cell |
|      |             ---------+         +-------+------+

border-spacing: 0

0

0

Remove border-collapse, border and border-spacing from CSS.

Add this JavaScript code:

$('table tbody tr td').css('border-right', '1px solid #a25c17');
$('table tbody tr td').css('border-bottom', '1px solid #a25c17');
$('table tbody tr td:last-child').css('border-right', 'none');
$('table').css('border-bottom', '1px solid #a25c17');

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
-4

Error: User Rate Limit Exceeded

GridLines="None" 

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Похожие вопросы