DIV dans & lt; td & gt; Flotter à droite

J'ai une table avec un couple <td>:

<table>
 <tr>
  <td>First</td>
  <td>Second</td>
  <td style="padding:20px;">
      <div>
        Third
      </div>
  </td>
 </tr>
</table>

Ce que je veux faire est de placer le "Troisième" <td> (avec la div) sur le côté droit de la table et de la "Première" et "Deuxième" <td> devrait rester à gauche.

Style avec float:right; ne fonctionne pas pour moi...

source d'informationauteur Swag

  1. 16

    Vous avez besoin pour faire de votre table largeur de 100%, alors le contrôle de la largeur de vos 2 premières colonnes, et enfin aligner à droite de votre troisième colonne.

    http://jsfiddle.net/25Mqa/1/

    <table>
 <tr>
  <td class="first">First</td>
  <td class="second">Second</td>
  <td class="third">Third</td>
 </tr>
</table>

    CSS:

    table { width:100%; }
.first, .second { width:50px; }
.third { text-align:right; }
  2. 6

    Le problème est que la largeur d'un <table> est déterminée par son contenu, par défaut. Si vous voulez le <table> à durée de 100% de la largeur (de son bloc contenant) comme les éléments de niveau bloc, vous pouvez soit ajouter table-layout: fixed; puis spécifiez la largeur de votre - ou tout simplement lui donner une largeur, en fonction de ce que vous êtes après, par exemple,

    table {
   width: 100%;
}

    http://jsfiddle.net/QEaAd/2/

  3. 1

    essayez d'ajouter style="text-align:right;"

    <table>
 <tr>
  <td>First</td>
  <td>Second</td>
  <td style="padding:20px; text-align:right;">
      <div>
        Third
      </div>
  </td>
 </tr>
</table>

    Que si vous avez 2 divs l'un près de l'autre:

    <div id="fr">div1</div>
<div id="fr">div2</div>

    vous pouvez flotter à droite:

    <style>
#fr{float:right;}
</style>
  4. 0
    <table style="width: 100%;">
 <tr>
  <td>First</td>
  <td>Second</td>
  <td style="padding:20px; display: block; float: right;">
      <div>
        Third
      </div>
  </td>
 </tr>
</table>

    http://jsfiddle.net/pbesD/

    Je crois que cela correspond à ce que vous voulez, mais ce que je comprends, flottants les éléments de la table de causer des problèmes dans les versions d'Internet Explorer <8

  5. 0

    Je ne sais pas ce que vous essayez de faire avec des tables et des divs? Mais j'ai l'habitude de l'utiliser pour les expéditeurs de messages.

    - Je utiliser l'attribut align de la banque td. Cela aide beaucoup en veillant à ce que votre mise en page ressemble à la façon dont vous le souhaitez. Et cela fonctionne dans tous les navigateurs 🙂

    VIOLON

    HTML:

    <table width="100%">
 <tr>
  <td>First</td>
  <td>Second</td>
  <td style="padding:20px;" align="right">
      <div>
        Third
      </div>
  </td>
 </tr>
</table>