html float unten

Möchte ich den text der ganz unten rechts in der Ecke ein vorhandenes tag.

Ich bin immer noch mit old-school-Tabellen (Bearbeiten vorhandener code). Mein code ist:

<table border="0" width="100%" cellspacing="0" cellpadding="0">
   <tr>
     <td width="50%"></td>
     <td width="50%" valign="top">
       <table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
             <td width="100%" valign="top">KEEP UP TOP</td>
          </tr>
       </table>FLOAT BOTTOM
     </td>
   </tr>
 </table>

Den text, der sagt, FLOAT BOTTOM, nicht offensichtlich. Wie kann es so machen, die bleibt immer ganz unten in der rechten Ecke?

Doppelte Frage: stackoverflow.com/questions/499829/...
unten was? der td? die Tabelle? sollte es überschneidungen der inneren Tabelle? was versuchen Sie zu erreichen?

InformationsquelleAutor user1022585 | 2011-12-07

  1. 1

    Den üblichen Weg, dies zu tun mit Tabellen ist

    • Erstellen Sie eine zweite Zeile
    • Zu geben, dass die Zeile (und die Zellen darin) eine Feste Höhe
    • Setzen Sie den text in der rechten Spalte in der zweiten Zeile

    CSS Weg, dies zu tun (ohne Tische) wäre

    • Geben den container, den Sie möchten, platzieren Sie den text in der unteren rechten Ecke des position: relative
    • Wickeln Sie den text innerhalb eines <span>
    • Geben die Spannweite position: absolute; bottom: 0px; right: 0px

    InformationsquelleAutor Pekka 웃

  2. 0

    Verwenden Stil {style="vertical-align:baseline; text-align:right"}

    InformationsquelleAutor

  3. 0

    Versuchen Sie dies:

        <table border="0" width="100%" cellspacing="0" cellpadding="0">
   <tr>
     <td width="50%"></td>
     <td width="50%" valign="top">
       <table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
             <td width="100%" valign="top">KEEP UP TOP</td>
          </tr>
       </table><p style="position:absolute; bottom:0px; right:0px;">FLOAT BOTTOM</p>
     </td>
   </tr>
 </table>
    nicht scheinen, es zu tun. Ich denke, das valign=top messing Dinge.

    InformationsquelleAutor Siblja

  4. 0

    Zu machen, schweben, auf der rechten unteren Ecke der Zelle Daten, die es enthält, könnte Sie wahrscheinlich 

    <span style="float:right; vertical-align:text-bottom">FLOAT BOTTOM</span>
    Aus irgendeinem Grund macht es schweben unter dem Tisch, nicht an der Basis der Zelle.

    InformationsquelleAutor JosephRT

Schreibe einen Kommentar