2011-05-31 10 views
5

मैंने इंटरनेट एक्सप्लोरर और क्रोम में एक अजीब समस्या की पहचान की है: मेरे पास कोई लेआउट सीएसएस, 2 कॉलम, कोई शैलियों और चौड़ाई 100% तक सेट की गई एक साधारण HTML तालिका है। जब मैं इस तालिका को इंटरनेट एक्सप्लोरर (सभी संस्करणों) और क्रोम में प्रिंट करने का प्रयास करता हूं, तो दूसरे पृष्ठ पर पहला सेल और बाद में गिरा दिया जाता है।एचटीएमएल टेबल का प्रिंट पहले कॉलम में कोशिकाओं को छोड़ देता है

HTML के स्निपेट:

<html> 
<head></head> 
<body> 
    <table width='100%' cellspacing='0'> 
     <tr><td align='left'>Date</td><td align='left'>Order No.</td></tr> 
     <tr><td align='left'>5/24/2011</td><td align='left'>287426</td></tr> 
     <!-- SNIP :: Many more rows --> 
    </table> 
</body> 
</html> 

पूरे मेज पर पाया जा सकता है: https://gist.github.com/1000367

इंटरनेट एक्सप्लोरर पर मुद्रण पूर्वावलोकन में उत्पादन, पेज 2 के लिए दिखाई देता है:

Missing first cell

मैंने रंगीन रेखाएं और सर्कल को हाइलाइट करने के लिए जोड़ा है कि बायां सेल गलत है गाओ।

कोई विचार?

मैंने भाग्य के बिना टेबल के बाहर सेलपैडिंग और मार्जिन समायोजित करने का प्रयास किया है। के रूप में सुझाव दिया, मैं भी कोई प्रभाव नहीं के साथ निम्नलिखित सीएसएस नियम जोड़ लिया है:

BODY { margin: 0px; padding: 0px; } 
+1

क्या आपने शरीर {} से 0 पर मार्जिन और पैडिंग सेट करने का प्रयास किया है? – stefgosselin

+0

अरे, मुझे नहीं पता कि यह क्यों कोशिश कर रहा है, दूसरे पृष्ठ में इसका शीर्षलेख कैसे है !!!! –

+0

@stefgosselin - मैंने सीएसएस नियम के साथ शरीर पर मार्जिन और पैडिंग सेट करने का प्रयास किया है। यह या तो काम नहीं करता है। –

उत्तर

2

आईई में प्रिंटिंग समस्याएं ठीक होने पर समस्याएं हैं। पृष्ठ के शीर्ष पर एक डॉक्टरेट जोड़ने का प्रयास करें। मेरे परीक्षण में आपके नमूने के शीर्ष पर <!DOCTYPE html> जोड़ने से समस्या ठीक हुई।

+0

गह! यह वास्तव में चाल चल रहा है (कम से कम, उम्मीद है कि ओपी के लिए)। यह थैड को एक परीक्षण कार्य के रूप में भी बनाता है जो कि एक अच्छा जोड़ा बोनस है। अच्छा खोज :) – Chris

+0

बिंगो! उसने मेरे लिए इसे हल कर दिया। बहुत धन्यवाद –

0

मैं एक महसूस कर रही है यह 100% की वजह से है। तालिका के लिए एक निश्चित आकार लिंक 400px सेट करना बेहतर हो सकता है।

+0

कोई अच्छा नहीं ... निश्चित आकार उपयोगकर्ताओं को निर्दिष्ट डेवलपर के अलावा किसी भी काग़ज़ आकार या अभिविन्यास को चुनने से रोकता है। –

1

बस एक विचार है, लेकिन आप प्रिंट मीडिया के लिए एक अलग सीएसएस फ़ाइल की जांच कर सकते हैं। यह एक आम प्रथा है, लेकिन मुझे यकीन नहीं है कि मेरे सिर के शीर्ष से बिल्कुल सही है कि आपके विशिष्ट मुद्दे के लिए क्या सुझाव देना है। यह कुछ वर्षों से रहा है क्योंकि मुझे विस्तार से प्रिंटिंग के लिए मार्कअप करना पड़ा था।

अब मैं अपनी साइट्स के लिए ब्लूप्रिंट सीएसएस का उपयोग करता हूं और इसमें प्रिंट के लिए एक अलग सीएसएस फ़ाइल है। http://www.blueprintcss.org/ क्या आपको ब्लूप्रिंट ऑफ़र जैसे प्रिंट विशिष्ट नाराज की आवश्यकता हो सकती है।

+0

प्रिंट स्वरूपण के लिए इस तालिका पर एक सीएसएस शीट थी। इससे एक समान परिणाम सामने आया। मैं अब ब्लूप्रिंटसीएसएस से कुछ सीएसएस नियमों का प्रयास कर रहा हूं ... जल्द ही मेरे निष्कर्ष पोस्ट करूंगा। –

0

मेरे पास एक ही समस्या है। वेब पेज मैं ठीक करने के लिए कोशिश कर रहा हूँ एचटीएमएल 5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 

नहीं है, और निम्नलिखित DOCTYPE है ... ... लेकिन फिर भी एचटीएमएल 5 के लिए बदल रहा ...

<!DOCTYPE HTML> 

... कोई सहायता नहीं की। मैंने पाया कि एक मेटा टैग भी इस समस्या पैदा कर रहा था ...

<META content="IE=5.0000" http-equiv="X-UA-Compatible"> 

... जब मैं भी एचटीएमएल 4 DOCTYPE यह सही ढंग से प्रदर्शित के साथ इस मेटा टैग निकाल।

संबंधित मुद्दे