warstwy zamiast tabel Opcje

[slash.]

mam takie pytanie w jaki sposob mozna uzyskac za pomoca warstw efekt taki jak dostawalem przy uzyciu tabel i tla komorki, czyli do tej pory uzywalem czegos takiego:

[HTML] pobierz, plaintext 
<table>
<tr>
<td bgcolor="#000000" width="1"></td>
<td>
Tekst<br />
test<br />
</td>
<td bgcolor="#000000" width="1"></td>
</tr>
</table>
[HTML] pobierz, plaintext 

chodzi mi o to ze niewazne ile tekstu bym wpisal w srodkowa kolumne to boczne beda sie rozcialaly tworzac obok pionowe czarne kreski, teraz w jaki sposob moge osiagnac podobny efekt przy uzyciu warstw i CSS (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[slash.]

zgadza sie ale to nie zawsze we wszystkich przegladarkach dziala, dobra to moze kolejne pytanie z tej serii, powyzej pytalem jak zrobic na warstwach krawedzie tak jak za pomoca tabeli, a teraz mam pytanie jak zrobic cos takiego:
mam tabele ktora sklada sie z dwoch kolumn lewa to zawartosc z jakims tekstem a prawa to kolumna ktora posiada szerokosc powiedzmy 20px i tlo jako jakis gif, na gore kolumny ma byc umieszczony plik rog_gora.gif a na dole rog_dol.gif na tabelach mniej wiecej by to tak wygladalo:

[HTML] pobierz, plaintext 
<table width="400" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td rowspan="2"><p>ad</p>
    <p>asd</p>
    <p>asd</p>
    <p>asd</p></td>
    <td width="20" background="bg.gif" valign="top"><img src="rog_dol.gif" width="20" height="12" /></td>
  </tr>
  <tr>
    <td background="bg.gif" valign="bottom"><img src="rog_dol.gif" width="20" height="12" /></td>
  </tr>
</table>
[HTML] pobierz, plaintext 

i w jaki sposob moge osiagnac cos takiego przy pomocy warstw (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Kolejne pytanie - w jaki sposob umiescic obok siebie dwie warstwy, do tej pory stosowalem cos takiego:

[HTML] pobierz, plaintext 
<div style="position:relative; width:400px; height:200px; border:1px;; border-color:#000000">
	<div style=" position:absolute; top:0px; left:0px; width:150px; height:200px; border:1px; border-color:#000000">Warstwa nr 1 </div>
	<div style=" position:absolute; top:0px; left:150px; width:250px; height:200px; border:1px; border-color:#000000">Warstwa nr 2 </div>
</div>
[HTML] pobierz, plaintext 

jednak mam tutaj na sztywno okreslone pozycje jak i rozmiary warsty, co by bylo jezeli chcialbym zeby zarowno warstaw 1 jak i warstwa 2 byly jednakowej wysokosci ale nie okreslonej na sztywno, tylko zaleznej powiedzmy od ilosci tekstu w warstwie 1 - ta bedzie sie dopoasowywala gdy tylko usune parametr height jednak warstwa 2 bedzie bez zmian.
Jak to mozna zrobic w ten sposob ktory chce (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

No i trzecie pytanie - gdzie w sieci znajde jakis dobry manual, kurs lub cos w tym stylu dotyczacy CSS i warstw (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Z gory dzieki za pomoc