Tabelka z paskiem przewijania

Znajduje się wewnątrz kontenta <div>. Szerokość kontenera musi być określona. Szerokość tabelki powinna być mniejsza o rozmiar paska przewijania (15px) + rozmiar obrazmowania tabelki. Wysokość tabelki jest określona w jednostkach em. Wymiary kolumn muszą być określone, aby możliwe było oddzielenie nagłówków od danych w tabeli.

Ranking polskich katalogów stron internetowych.

  Nazwa Wizyty - średni procent
26.04.2010 - 02.05.2010
1 onet.pl 45.32% + 4.12 p.p.
2 wp.pl 21.96% + 0.07 p.p.
3 start24.pl 13.76% - 0.52 p.p.
4 google 4.66% - 0.14 p.p.
5 dmoz.org 2.18% - 1.11 p.p.
6 webwweb.pl 1.84% - 0.01 p.p.
7 gazeta.pl 1.49% - 0.2 p.p.
8 hoga.pl 1.46% - 0.42 p.p.
9 polska.pl 1.10% + 0.27 p.p.
10 interia.pl 1.05% - 0.55 p.p.
11 startowy.com 1.04% - 0.17 p.p.
12 gwiazdor.pl 0.97% - 0.59 p.p.
13 angelus.pl 0.69% - 0.19 p.p.
14 stronastartowa.pl 0.47% + 0.04 p.p.
15 gery.pl 0.42% + 0.15 p.p.
16 katalogstron.com.pl 0.31% - 0.09 p.p.
17 katalog.region.com.pl 0.27% - 0.02 p.p.
18 skocz.com 0.20% - 0.6 p.p.
19 wow.pl 0.19% + 0.17 p.p.
20 gooru.pl 0.15% - 0.11 p.p.
21 dodaj.pl 0.10% - 0.12 p.p.
22 lap.hu 0.10% + 0.1 p.p.

Źródło: gemiusTraffic.

Przewijanie danych

Nagłówki kolumn pozostają zawsze widoczne.

Odporność na resize tekstu

Podczas zmiany rozmiaru czcionki nagłówek i dane pozostają tej samej szerokośći.

Pełna kompatybilność

Poprawnie wyśiwetlane w przeglądarkach:

Testowane w systemach Windows i Linux.

Standardy

Pełna zgodność ze standardami W3C (XHTML 1.0 Strict, CSS 2.1).

Artukuł CSS Copyleft :) 2010 by Maciej Chałapuk