[pomoc] css - obrazek w tle komórki

[Arxas]

UWAGA! Pierwszy problem rozwiązałem - napisałem fragment dla pierwszej komórki od nowa i - CUD - działa Prosiłbym jeszcze o radę w sprawie drugiego problemu odnośnie wysokości tabeli.

UWAGA! Rozwiązałem wszystkie problemy sam


1. Ostatnio zabrałem się za tworzenie mojej pierwszej strony. Kierując się poradą znajomego zapoznałem się najpierw z podstawami CSS. Problemy zaczęły się jednak już na samym początku - mianowicie szkielet strony podzieliłem na 4 części:

Kod: Zaznacz cały

<body>
<table class="t1" align="center">
<tr>
<td class="td1" align="center">
 
</td>
</tr>
<tr>
<td  class="td2" align="center">
<img src="Grafika/Banner.jpg">
</td>
</tr>
<tr>
<td class="td3" align="center">
 
</td>
</tr>
<tr>
<td class="td4" align="center">
 
</td>
</tr>
</table>
</body>

Do każdej przyporządkowałem dane tło używając CSS:

Kod: Zaznacz cały

 td.td1
{
    background:url(http://www.coduo-fpp.prv.pl/Grafika/GT.jpg)
}

td.td2
{
    background:url(http://www.coduo-fpp.prv.pl/Grafika/TBS.jpg)
}

td.td3
{
    background:url(http://www.coduo-fpp.prv.pl/Grafika/TGS.jpg)
}

td.td4
{
    background:url(http://www.coduo-fpp.prv.pl/Grafika/DT.jpg)
}

Problem polega na tym, iż w 2, 3 i 4 komórce tło wyświetla się prawidłowo, jednak w 1 nie chce za żadne skarby.

2. Mam jeszcze jedno małe pytanie - co zrobić, aby dany obiekt, w tym wypadku tabela miała maksymalna wysokość bez względu na zawartość? Próbowałem już:

Kod: Zaznacz cały

table.t1
{  
    table-layout: fixed;
    border-collapse: collapse;
    width: 900px;
    height: 100%
    background-color: #FFFFFF;
}

Kod: Zaznacz cały

<table class="t1" height="100%>

Kod: Zaznacz cały

<table class="t1" style="height: 100%">

Dopiero jeśli wpiszę konkretną wartość w pixelach, to coś się dzieje, ale przecież nie o to chodzi.