क्रोम और सफारी में थैड के साथ डबल सीमा-दूरी

Question

मेरे पास table है जो thead और tbody का उपयोग करता है। table में border-spacing सेट है, और क्रोम और सफारी में के बीच की जगह हेडर पंक्ति और शेष दोगुनी हो गई है।

यह पिछले वर्ष के अंत में issue for Chrome के रूप में रिपोर्ट किया गया था, लेकिन यह मेरा एकमात्र संदर्भ है जिसे मैं पा सकता हूं।

क्या किसी और के पास यह है, या पता है कि इसके आसपास कैसे जाना है?

<table style="border-spacing: 0 5px"> 
<thead> 
    <tr> 
     <th>Heading 1</th> 
     <th>Heading 2</th> 
     <th>Heading 3</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>Cell 1</td> 
     <td>Cell 2</td> 
     <td>Cell 3</td> 
    </tr> 
</tbody> 

यह प्रदर्शित करता है के रूप में उम्मीद (सभी पंक्तियों समान दूरी) फ़ायरफ़ॉक्स में, नहीं आईई के बारे में निश्चित।

Answer 1

thead व {स्थिति: रिश्तेदार; शीर्ष: 5px;} क्या करेंगे यह

Answer 2

यही नहीं वास्तव में "" समाधान है, लेकिन आप एक समाधान है जो मेरे विशेष मामले के साथ काम किया है के लिए यहां पर एक नज़र लेने के लिए चाहते हो सकता है:

How to remove extra border spacing between TBODY elements?