Forum PHP.pl > border-collapse

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

ktuvok

5.11.2005, 21:09:19

Próbuję narysować tabelkę o pojedynczym obramowaniu komórek. Zwyczajną siatkę. Doszedłem do takiej postaci stylu:

Kod

.tabela
{
       border-color: #000066;
       border-style: solid;
       border-width: 1px;
       border-collapse: collapse;
}
.naglowek
{
       border: 1px 1px 1px 1px;
       border-color: #000066;
       color: #003366;
       background-color: #E1E1E1;
       font-size: 11px;
       font-weight: bold;
       padding-left: 3px;
       padding-right: 3px;
}
.komorka
{
       border: 1px 1px 1px 1px;
       border-color: #000066;
       color: #003366;
       font-size: 11px;
       font-weight: normal;
       padding-left: 3px;
       padding-right: 3px;
}

i dziwna rzecz - w losowych przypadkach obramowania niektórych komórek (zwłaszcza pionowe!) - nie wyświetlają się. Najczęściej w Firefoksie.

Dlaczego tak się dzieje i co trzeba zrobić żeby tak nie było?

Kill3R

6.11.2005, 00:17:54

witam

o to chodzilo

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
 
table#tab
{
      border: 1px solid #006;
      border-collapse: collapse;
}
#tab th
{
      border: 1px solid #006;
      color: #036;
      background-color: #E1E1E1;
      font-size: 11px;
      font-weight: bold;
      padding: 0 3px;
}
#tab td
{
      border: 1px solid #006;
      color: #036;
      font-size: 11px;
      font-weight: normal;
	  padding: 0 3px;
}
</style>
</head>
<body>
<table id="tab">
<tr>
	<th>one</th>
	<th>two</th>
	<th>three</th>
</tr>
 
<tr>
	<td>coś</td>
	<td>coś</td>
	<td>coś</td>
</tr>
<tr>
	<td>coś</td>
	<td>coś</td>
	<td>coś</td>
</tr>
<tr>
	<td>coś</td>
	<td>coś</td>
	<td>coś</td>
</tr>
<tr>
	<td>coś</td>
	<td>coś</td>
	<td>coś</td>
</tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext

jesli cos jest niejasne to zapraszam na PW zeby nie zasmiecac forum

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.