画面の右下にテーブルを置く

Question

私はCSSとjavascriptでメニューを提供しようとしています。私は画面の右下にテーブルを置き、それを拡大したいと思います。現在、テーブルは常に展開されるか、テーブルを含むフッター要素に詰め込まれます。どのようにテーブルを拡張するように強制するのですか？オーバーフロースタイルは、望ましい機能を提供していないようです。

ありがとうございます！

Answer 1

CSSで試してみてください。

table.bottomRight { 
    position:absolute; 
    bottom:0px; 
    right:0px; 
} 

Answer 2

このような意味ですか？デモの目的のために

table { 
    position: absolute; 
    bottom: 0px; 
    left: 50%; 
    margin-left: -250px; 
    width: 500px; 
} 

table th { 
    background-color: #eee; 
    border-bottom: 1px #ccc solid; 
    height: 25px; 
    line-height: 25px; 
} 

table th, table td { 
    padding: 10px; 
} 

table tbody { 
    display: none; 
} 

とJavaScript：

$('#test-button').bind('click', function() { 
    var tableBody = $('table tbody'); 
    tableBody.toggle(); 
}); 

例：すべてのフィードバックのためのhttp://jsfiddle.net/8SvCm/

Answer 3

感謝。私が見つけた解決策はここに文書化されています

http://www.bennadel.com/blog/1740-Building-A-Fixed-Position-Bottom-Menu-Bar-ala-FaceBook-.htm

それはメニューを達成するためのjQueryとネストされたdiv要素とCSSの組み合わせを使用しています。とてもかっこいい！