में तालिका सेल और सीमा अलग-अलग प्रदर्शित होती है निराशा के कई घंटों के बाद मैं अंततः उत्तर के लिए इंटरनेट पर बदल गया। कोड के इस अत्यंत सरल टुकड़ा कल्पना कीजिए:आईई/क्रोम और फ़ायरफ़ॉक्स/ओपेरा
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>AARRRRRRGH</title>
</head>
<body>
<table>
<tr>
<td style="width: 100px; height: 100px; background: #000000; padding: 0px; border: 6px solid #FF0000;"></td>
</tr>
</table>
</body>
</html>
अब इस बिल्कुल स्पष्ट लगता है, एक मेज सेल 100px चौड़े और 100px एक 6px सीमा के साथ उच्च पैदा करते हैं। जैसा लगता है उतना सरल, यह विभिन्न ब्राउज़रों में अलग दिखता है। आईई 8 और गूगल क्रोम में टेबल सेल 112 x 112 पीएक्स है (इसलिए अंदर 100 पीएक्स और 6 पीएक्स)। फ़ायरफ़ॉक्स 3 और ओपेरा में तालिका 112 x 100 पीएक्स है (इसलिए किसी कारण से सीमा को तालिका चौड़ाई में जोड़ा जाता है लेकिन तालिका की ऊंचाई पर नहीं)।
गंभीरता से, क्या देता है? और मैं इसे प्रत्येक ब्राउज़र पर कैसे प्रस्तुत कर सकता हूं (और नहीं, मैं इस मामले में किसी तालिका का उपयोग करने के लिए एक div का उपयोग नहीं कर सकता)।
हाँ, जिसने मेरी समस्या हल की है। मैंने इस समाधान को पहले से अलग किया है क्योंकि कुछ एनीमेशन समस्याओं की वजह से एक अलग स्थिति में लिपिक है।इस स्थिति में यह हालांकि काम करता है :) –