GeckoベースのブラウザのCSSテーブルセルの境界線を消す -- css フィールド と firefox フィールド と html-table フィールド と border フィールド と gecko フィールド 関連 問題

Disappearing CSS table cell borders in Gecko-based browsers












8
vote

問題

日本語

私はヤモリのバグを明らかにするように思われる非常に具体的なHTMLテーブルの構築物を持っています。

これは問題の蒸留版です。 Geckoベースのブラウザ(たとえば、FFなど)の次の表を守ってください。(これをコピーして新しいファイルに貼り付ける必要があります)

<事前> <コード> <style> table.example{ border-collapse:collapse; } table.example td { border:1px solid red; } </style> <table class="example"> <thead> <tr> <th>1</th> <th>2</th> <th>3</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>2</td> <td rowspan="3">3</td> </tr> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>1</td> <td rowspan="2">2</td> </tr> <tr> <td>1</td> <td>3</td> </tr> </tbody> </table>

下右のセルの「3」の上に行方不明の行があります - 他のブラウザでそれを表示し、その行は予想通り表示されます。興味深いことに、テーブルのTheadセクションを捨て、私たちが得るものを見てください:

<事前> <コード> <style> table.example{ border-collapse:collapse; } table.example td { border:1px solid red; } </style> <table class="example"> <tbody> <tr> <td>1</td> <td>2</td> <td rowspan="3">3</td> </tr> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>1</td> <td rowspan="2">2</td> </tr> <tr> <td>1</td> <td>3</td> </tr> </tbody> </table>

それはそれをうまくいくようにする。誰かがこれを見たことがありますか?テーブルをかなりアクセスできなくなるにもかかわらず、今すぐTheadセクションを取り除くだけです。

英語

I have a very specific html table construct that seems to reveal a Gecko bug.

Here's a distilled version of the problem. Observe the following table in a gecko-based browser (FF, for example): (you'll have to copy and paste this into a new file)

<style> table.example{     border-collapse:collapse; } table.example td {     border:1px solid red; } </style> <table class="example">     <thead>         <tr>             <th>1</th>             <th>2</th>             <th>3</th>                   </tr>     </thead>     <tbody>         <tr>             <td>1</td>             <td>2</td>             <td rowspan="3">3</td>          </tr>         <tr>             <td>1</td>             <td>2</td>         </tr>         <tr>             <td>1</td>             <td rowspan="2">2</td>               </tr>         <tr>             <td>1</td>             <td>3</td>         </tr>     </tbody> </table> 

There's a line missing over the "3" in the bottom-right cell -- view it in any other browser and the line will appear as expected. Interestingly, ditch the thead section of the table and look what we get:

<style> table.example{     border-collapse:collapse; } table.example td {     border:1px solid red; } </style> <table class="example">     <tbody>         <tr>             <td>1</td>             <td>2</td>             <td rowspan="3">3</td>          </tr>         <tr>             <td>1</td>             <td>2</td>         </tr>         <tr>             <td>1</td>             <td rowspan="2">2</td>               </tr>         <tr>             <td>1</td>             <td>3</td>         </tr>     </tbody> </table> 

Doing that makes it work. Has anyone seen this? I suppose I'll just get rid of my thead section for now as a workaround though it makes the table rather less accessible.

</div
              
 
 

回答リスト

5
 
vote
vote
ベストアンサー
 

奇妙な...間違いなく絵画のバグ。右クリックしてコンテキストメニューを表示すると、行が行られる場所の part を表示するには、その行を閉じると、その行は下に再描画されました。

編集:回避策 - <td rowspan="3"> 9988777660 をにすると、境界線が表示されることができますが、 diliness である必要があります。色 - できるだけ他の人に近いものを使うだけです。たとえば、テーブルが#FF0000を使用している場合#ff0001

 

Strange... definitely a painting bug. If you right-click to get the context menu to appear over part of where the line should be, then when you dismiss the context menu, the line has been redrawn underneath.

Edit: Workaround - if you put style="border-color: ...;" on the <td rowspan="3"> you can get the border to appear, but it has to be a different colour - just use one that's as close to the others as possible. For example, if the table is #ff0000 use #ff0001

</div
 
 
0
 
vote

私はまたこのバグを見つけましたが、それは私のPCにはありませんが別のものです。特定の解像度の後にブラウザウィンドウのサイズを変更した場合、行は消えます。ウィンドウを最大にしたら、すべてのポップバック。 あなたは境界線崩壊を設定することによってこれを永続的に修正することができます。これにより、各セルの各退屈はそれ自身の幅になります。それは私がやりたいものではありませんが機能します。

ボーダー崩壊を使用することで発生する可能性があります。次に、境界線を1px、次に0pxに設定します。境界線を折りたたむため、1px幅で0pxを優先しているようです。

どちらの方法でもFirefoxのみで、それはそれから離れて移動するもう一つの理由です。

 

i have also found this bug but it's not on my PC but another. If i resize the browser window after a certain resolution the lines will disappear. once i maximise the window the all pop back. you can fix this permanently by setting border-collapse:separate; this gives each boreder of each cell its own width. It's not what i want to do but it works.

It can also be caused by using border-collapse:collapse; then setting aligning borders to 1px and then 0px. Because it collapses the borders it seems to prioritise the 0px over the 1px width.

either way it's firefox only and it's yet another reason to move away from it.

</div
 
 

関連する質問

3  SVG文書のGecko / FirefoxからDocument.getElementsByNameが見つかりません  ( Document getelementsbyname missing from gecko firefox on svg documents ) 
私はMouseOverの要素を強調するためにJavaScriptを使用しているSVG文書を持っています。私の要素はすべて名前を持っています - いくつかの要素は同じ名前を持ち、それらは複数回表示されますが、それらは論理的に同じものを参照します。複製された要素の...

73  Windows / C#開発用の埋め込み型WebKitコンポーネントはありますか? [閉まっている]  ( Is there an embeddable webkit component for windows c sharp development ) 
この質問はスタックオーバーフローガイドラインを満たしていません。現在答えを受け付けていません。 この質問を改善したいですか? O...

2  どのクライアントサイドリレーショナル永続ストレージオプションが新しいプロジェクトに最適ですか?  ( Which client side relational persistent storage options are a good choice for a ) 
WebSQLが開発され、indexeddBがまだ普及していないことを考えると、クライアントサイドリレーショナルストレージの開発者としての私たちの選択は何ですか?今のところこれらの機能のいずれも利用できないのですか。私のシナリオでは、最初にWebKit(Chr...

0  Geckoを使用してvb.netアプリケーションに表示されるHTMLを変更する方法  ( How would i alter html displayed in vb net application using gecko ) 
geckofxを使用して私のvb.netアプリケーションによって表示されるHTMLの変更方法を知りたいのですが。私がブラウザに表示されている特定の単語/名前/属性を制限したいのです。 任意の情報/リンクは大幅に感謝されます。 ありがとう! ...

4  jQueryライブラリーGeckoエンジン用に最適化されました  ( Jquery library optimized for gecko engine ) 
Gecko Engineとの使用に対してのみ最適化されたjQueryライブラリーはありますか? 彼らが使用するつもりはないならば、トライデント、ウェブキットなどをサポートする必要はありません! Zepto.js以外の検索には成功しませんでした。それは十分に...

4  Delphiを使ったNSiproTocolHandlerの実装  ( Implementing nsiprotocolhandler with delphi ) 
DelphiでNSIProtocolHandler実装を構築しようとしています。 (私は成功を収めてiInternetProtocolをやりました、そして、私がInternet Explorerに入ったことをFirefoxに持っていたいです。) d-gec...

0  base ::スレッドのソースコードはどこにありますか  ( Wheres the source code for basethread ) 
私は何かを見上げていて、このコードにつまずいていました: http://google.com/codesearch?q=kbrowserthreadnames base::Thread ?のソースを見つけることができます (Thingsは、Fire...

8  GeckoベースのブラウザのCSSテーブルセルの境界線を消す  ( Disappearing css table cell borders in gecko based browsers ) 
私はヤモリのバグを明らかにするように思われる非常に具体的なHTMLテーブルの構築物を持っています。 これは問題の蒸留版です。 Geckoベースのブラウザ(たとえば、FFなど)の次の表を守ってください。(これをコピーして新しいファイルに貼り付ける必要があります)...

3  Gecko XPCOMの使用率VS WebKit  ( Gecko xpcom usage vs webkit ) 
C ++アプリケーションでWebブラウザを埋め込む必要があります。また、DelphiコンポーネントからJavaScriptメソッドに到達する必要があります。 FFの場合、XPCOMを持つGeckoがあることを知っています。 WebKitのためにこのようなも...

0  組み込みブラウザのカーソルを変更する方法  ( How to change the cursor in a embedded browser ) 
埋め込みGeckoブラウザを含むアプリケーションを持っています。組み込みブラウザにあるときに、カーソルをカスタムカーソルからカスタムカーソルに変更する方法を知りたいですか? Gecko SDKの解像度フォルダにforms.cssファイルがあり、そのファイルの...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有