2010-10-29 11 views
5

खींच नहीं रहा है, मैं चाहता हूं कि जब बच्चे की तालिका चौड़ाई पृष्ठ चौड़ाई से आगे हो जाए तो मैं एक पैरेंट div को खींचने के लिए चाहता हूं।div-div के अंदर वाइड टेबल

इसके लिए सबसे अच्छा सीएसएस समाधान क्या होगा?

+0

एक 'div' सामान्य रूप से इसकी सामग्री को फिट करने के लिए विस्तारित होगा; आप तालिका के अभिभावक 'div' (और' तालिका 'स्वयं) पर कौन सी शैलियों को लागू कर रहे हैं? –

+0

कोई शैलियों बिल्कुल नहीं - उदाहरण सिर्फ सरल HTML है - मुझे समस्या का अनुमान है क्योंकि तालिका ब्राउज़र की चौड़ाई से परे है –

+0

ठीक है, तो आप किस मार्क-अप का उपयोग कर रहे हैं? क्या आप डेमो पोस्ट कर सकते हैं? मैं इसके लिए [जेएस फिडल] (http://jsfiddle.net/) या [जेएस बिन] (http://jsbin.com/) का उपयोग करने की सलाह देता हूं, बस हम देख सकते हैं कि आप क्या देख रहे हैं। –

उत्तर

6

div को display: inline-block पर सेट करना चाल चल रहा है।

+0

धन्यवाद देखने के लिए उदाहरण लिंक का स्रोत देखें - यह शायद सबसे सुरुचिपूर्ण समाधान नहीं है - लेकिन मिनी साइट के लिए मैं निर्माण कर रहा हूं यह पर्याप्त होगा –

1

आप display: table; का भी उपयोग कर सकते हैं। (DIV)

0

मेरे मामले में (एक्सएचटीएमएल संक्रमणकालीन 1.0 doctype) मैं

<div> 
<table> 
    <tr> 
    <td> 
    <img width="1800px" height="600px" /> 
    </td> 
    </tr> 
</table> 
</div> 

जैसा कि मैंने सीएसएस नियमों में पाया तरह की संरचना की थी, टेबल

table-layout: fixed; 

जब मैं इस नियम को हटा दिया था, सब ठीक हो गया।

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