[Seasar-user:7693] Re: [Teeda]Gridの列幅に、スタイルシートのpadding値が加算されてしまう

[Shinpei Ohtani]

大谷です。

下記の内容、調べてみますのでしばしお待ちください。
宜しくお願いします。

07/05/18 に Tetsuya Midorikawa<[E-MAIL ADDRESS DELETED]> さんは書きました:
> 緑川です。
>
> Gridの列幅を、th/td共にwidthを固定して利用しています。
>
> ・各列は縦罫線で区切る
> ・可読性のため、縦罫線と文字列との間隔を若干空ける
>
> との要求があるため、Teedaが生成するHTMLに合わせてデザイン担当者に
> スタイルシートを調整してもらって対応していました。
> 具体的には、
>
> .gridTable td {
> border: solid #707070 1px;
> ・
> ・
> ・
> }
>
> .gridCell {
> padding-left: 5px;
> padding-right: 5px;
> ・
> ・
> ・
> }
>
> といった感じになっています。対応ブラウザはFirefox1.5以降とIE6以降
> で調整し、teeda-extension 1.0.3 までは全く問題なく確認が取れていた
> のですが、teeda-extension 1.0.4 になって、何故かFirefox上において
> 各列幅にpaddingの値が加算され、テーブルのボディ部全体が広がって、
> ヘッダ部と異なる幅で表示されるようになってしまいました。
> 上記の例ですと、padding左右合計で各列に10ピクセルが加算されます。
>
> 同様にヘッダ部各列の .gridHeader にもpaddingを設定すれば、
> ヘッダ部全体の幅も広がるのでボディ部と整合するのですが、IE側では
> この現象（列幅へのpadding値の加算）は起こらないため、ブラウザ間で
> テーブル全幅に差が生じてしまって困るということになっています。
>
> 原因を調査中なのですが、適用しているスタイルシートの内容に変更は
> 無く、生成されるHTMLについても、見たところ列幅に関連する違いは
> 認めていないということで、いまJavaScriptを見てもらっているのですが
> ちょっと追い切れていない状況です。
>
> この現象について、もしも何かおわかりでしたら情報を頂けるでしょうか。
> 宜しくお願いいたします。
>
> ＊なお、asyncがfalseでもtrueでも発生しています。確認は数件程度の
> サンプルデータで行っています。
> _______________________________________________
> Seasar-user mailing list
> [E-MAIL ADDRESS DELETED]
> https://ml.seasar.org/mailman/listinfo/seasar-user
>


-- 
=============================
Shinpei Ohtani
[E-MAIL ADDRESS DELETED]
=============================