Aşağıdaki kodu var:

<td style="position: relative; min-height: 60px; vertical-align: top;">
    Contents of table cell, variable height, could be more than 60px;

    <div style="position: absolute; bottom: 0px;">
        Notice
    </div>
</td>

Bu hiç çalışmıyor. Nedense, position:relative komutunu TD okumak değil ve dikkat edin DİV içeriği kabın dışında benim sayfanın alt kısmında konuyor. Bir DİV gibi bir TD tüm içeriğini koymak için çalıştık:

<td>
    <div style="position: relative; min-height: 60px; vertical-align: top;">
        Contents of table cell, variable height, could be more than 60px;

        <div style="position: absolute; bottom: 0px;">
            Notice
        </div>
    </div>
</td>

Ancak, bu yeni bir sorun oluşturur. Tablo hücre içeriğini yüksekliği değişken olduğu için, dikkat edin DİV her zaman hücrenin dibinde değil. Bir tablo hücresi 60px işaretleyici ötesine uzanır, ama diğer hücrelerin hiçbiri yoksa, o zaman diğer hücrelere, ilan DİV altındaki 60px aşağı at, yerine.

Bu tablo üzerinde CSS 2.1, position: relative etkisine göre element tanımlanmamış olmasıdır. Bu açıklayıcı, position: relative Krom üzerinde istenen etkiyi 13, ama Firefox 4 değil. Çözümünüz burada içerik etrafında div ekleyin ve td yerine div position: relative koymaktır. Aşağıdaki gösterilmektedir sonuçları almak ile position: relative (1) div iyi), (2) a td(iyi) ve son olarak (3) div içinde td (daha iyi).

Başvuru için, burada HTML source.