固定レイアウトのテーブルがあります。テーブルをスクロールするときに画面にとどまるように、フローから thead 要素を取り出すコードを追加しました (位置: 固定)。
table { table-layout:fixed; width: 100% }
table th { width: 50px }
table th:first-child { width: 20em; }
table td { width: 50px }
table tbody tr:first-child td:first-child { width: 20em;}
問題は、広告がフローから取り出されると、残りのテーブル列のサイズが変更されることです。再現例はhttp://jsfiddle.net/2EDQR/3/を参照。結果フレームをスクロールして、表の列がどのように圧縮されているかを確認してください。
これを防ぐ方法についてのアイデアはありますか？
UPD:ページをスクロールするときにヘッダーをビューポートにとどめる必要があります。問題は、ヘッダーがフローから取り出されたときに、tbody 列のサイズが変更されるため、ヘッダーが列と整列しないことです。