Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wypozycjonowanie kontenerów w pionie
Forum PHP.pl > Forum > Przedszkole
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:

  1. .test2 {
  2. position: relative;
  3. top: 0px;
  4. width: 100px;
  5. height: 100px;
  6. }
  7.  
  8. .test3 {
  9. position: relative;
  10. bottom: 0px;
  11. width: 100px;
  12. height: 100px;
  13. }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.