Czołem

Mam problem z niesforną tabelą. Chciałbym aby jej komórki miały niezmienny rozmiar niezależnie od zawartości.

Próbowałem następujących rozwiązań:

table { table-layout: fixed};
tr td {tr td width:100px; height:100px; } i wersja z %
...

no i nic jakoś nie wyszło, kiedy wrzucam jakikolwiek element: tekst, grafika, cała kolumna poszerza się bez zgody i pytania.

Czy macie może pomysł, w czym błąd tkwi?

pozdrawiam

Obrazka tabelka nie pomniejszy a próbowałeś

[HTML] pobierz, plaintext 
<td width="..." height="...">
[HTML] pobierz, plaintext 

chyba nie tak:

[HTML] pobierz, plaintext 
tr td {tr td width:100px; height:100px; }
[HTML] pobierz, plaintext 

tylko tak:

[HTML] pobierz, plaintext 
td {width:100px; height:100px; }
[HTML] pobierz, plaintext 

Jeśli zaś treść rozpycha Ci tabelę to próbuj:
http://www.kurshtml.boo.pl/css/overflow,css.html

albo:
http://www.kurshtml.boo.pl/css/max-height,css.html
http://www.kurshtml.boo.pl/css/max-width,css.html

... no tak, ale wtedy musze to wpisać w każdej komórce.
Ok, zawsze to jakieś rozwiązanie.




o... pomogło


dzieki za odpowiedzi

Można też zrobić tak:

[HTML] pobierz, plaintext 
table { table-layout: fixed; width: 100%; }
[HTML] pobierz, plaintext 

wtedy każda z komórek będzie miała stałą szerokość (w IE niemieszczący się tekst zostanie przycięty, a w FF najedzie na inną komórkę)

To kliknij w odpowiedni przycisk pod moim postem