border im Firefox
Paul1
- css
0 Rolf B
Hallo. folge Zeilen werden vom Edge, Chrome, Opera gleich dargestellt. Im Firefox leider anders. Konkret: die th-border wird im FF nicht angezeigt. Ohne "sticky" oder "collapse" siehts gleich aus. Aber ich will sticky und collapse. Möchte, dass es im FF so aussieht wie in den anderen Browsern... nur wie?
Danke und Gruß, Paul1
<html>
<head>
<style>
table {
border-collapse: collapse; /* ohne collapse sieht es in allen gleich aus. Aber ich möchte dünne Linien ! */
border-spacing: 0px;
width:100%;
}
table td {
border: 1px solid red;
}
table th {
border: 1px solid black;
background-color: gray;
}
table thead {
position:sticky;
top:0px;
}
</style>
</head>
<body>
<div style="resize:vertical; overflow:auto; width:500px; height:200px;">
<table>
<thead>
<tr>
<th>1</td><th>2</th><th>3</th><th>4</th>
</tr>
</thead>
<tbody>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
<tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td></tr>
</tbody>
</table>
</div>
</body>
</html>
Hallo Paul1,
ist das dieser Bug?
Wenn ja, musst Du eine Umgehungslösung finden. Der Bug ist schon ein paar Jahre offen, Mozilla kommt mit der Behebung nicht nach.
Rolf
Oh ok. Das sieht danach aus. Danke Dir!
@@Rolf B
ist das dieser Bug?
Wenn ja, musst Du eine Umgehungslösung finden.
Wer sucht, der findet
Der Bug ist schon ein paar Jahre offen, Mozilla kommt mit der Behebung nicht nach.
Meh.
🖖 Живіть довго і процвітайте