固定幅の区切りに固定幅のテーブルを移動

Question

私はこのプロジェクトのhtmlを制御できませんので、残念なことにCSSの解決策が必要です。 htmlは恐ろしいものです。編集できれば、これは問題ではありません。私は現時点でどこにいるのかを知りました。

私は固定された幅のdivとその内部に固定幅のテーブルを持っています。それらは同じ幅です（例では500px）。テーブルにはaspで生成された未設定の行数があります。私は行を左に浮かべて表示しています（これはひどいですが、htmlを編集せずに済ませることができました）。各tdは100pxです。 cssで追加された高さと背景色は、ちょっとだけ明確にするためのもので、何にでも変更することができます。

私が達成したいのは、tdを左手の代わりに右手側から始めることです。私は左の代わりに右浮動しようとしましたが、これは望ましくない逆の順序でリンクを表示します。

私が思い付く唯一の解決策は、CSSのテーブル幅を変更して右に浮かべることです。行数が定数の場合は問題ありませんが、いくつかの行が追加されたり削除されたりする可能性がありますそれは再び間違って見えるままになります。

fiddle link

Answer 1

を浮動しているので、うーん、これは私があなたのCSSでテーブルの幅を変更すると、右にフロートする考えをあなたは正しかったと思います動作しません。私はCSSでテーブルの幅を0px（それはtrを含むように拡張する）に設定し、テーブルを右に浮動させると、あなたが望むものが得られると思います。

編集：nevermind。私はChromeを使用していたし、それはそこに働いたが、いないIE

EDIT2で：幅：自動それはIE、Chromeで動作させるように見える、とFirefox

あなたがサポートする必要がないブラウザ

Answer 2

私はあなたがあなたのテーブルに幅td Sを固定している、彼らは500pxなどまで追加する必要があります。この場合、最大400ピクセルになります。したがって、あなたのtableには、自動幅のあるtrを1つ追加する必要があります。

更新：あなたはtrの代わりにtdの