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

[Tetsuya Midorikawa]

緑川です。

津田さん、情報ありがとうございます。お礼が遅れまして申し訳
ございませんでした。
教えていただいた情報から辿って、FirefoxとIEの仕様の差や
DOCTYPEの標準など調べていくうちにいろいろ判って来ました。
ありがとうございました。当方としての解決策については大谷さん
へのreplyに記します。宜しくお願いいたします。



Shusuke Tsuda wrote:

>はじめまして　津田です。
>
>DOCTYPE宣言で、描画モード変わってしまってbox計算式が違っているはずです。
>下記urlを参照してみてください。
>http://developer.mozilla.org/en/docs/Mozilla%27s_DOCTYPE_sniffing
>
>Shinpei Ohtani さんは書きました:
>  
>
>>大谷です。
>>
>>追記ですが、出来ればサンプルコードと使用したCSS等を
>>示していただけると何かわかるかもしれません。
>>現象はFireFoxで発生することは確認しました。
>>IEでは起こりません。
>>
>>宜しくお願いします。
>>
>>07/05/18 に Shinpei Ohtani<[E-MAIL ADDRESS DELETED]> さんは書きました:
>>    
>>
>>>大谷です。
>>>
>>>下記の内容、調べてみますのでしばしお待ちください。
>>>宜しくお願いします。
>>>
>>>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]
>>>=============================
>>>
>>>      
>>>
>>    
>>
>
>_______________________________________________
>Seasar-user mailing list
>[E-MAIL ADDRESS DELETED]
>https://ml.seasar.org/mailman/listinfo/seasar-user
>
>
>
>
>
>  
>