Wypozycjonowanie kontenerów w pionie, Wypozycjonowanie kontenerów w pionie Opcje

[gecior]

Hej

Napisałem sobie kod i mam problem. Chcę aby kontener test 2 był valign="top" a kontener test3 - valign="bottom", niezaleznie od tego ile jest tekstu w kontenerze test1. Kombinowałem na różne sposoby i w 100% na div i na tabelkach i nic. Proszę o jakies rozwiązanie tego problemu.

Dzięks za czas. pozdr.

Kod

   <table>
     <tr>
       <td>
       test1     test1   test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1  test1 test1    test1     test1   test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1  test1 test1    test1     test1   test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1  test1 test1    test1     test1   test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1test1 test1  test1 test1
       </td>
       <td>
  
         <div  style="height:50px; width:200px; border:1px solid red;">
           test 2
         </div>
  
  
         <div  style="width:200px; height:50px; border:1px solid blue;">
           test 3
         </div>
  
       </td>
     </tr>
   <table>

[potreb]

Takie coś jak pozycjonowanie wg vertical align nie istnieje.
Zrób to na zasadzie pozycjonowania relatywnego np:

[HTML] pobierz, plaintext 
.test2 {
position: relative;
top: 0px;
width: 100px;
height: 100px;
}
 
.test3 {
position: relative;
bottom: 0px;
width: 100px;
height: 100px;
}
[HTML] pobierz, plaintext 

Ten post edytował potreb 13.06.2009, 16:17:25