मेरे पास एक सारणी है जिसमें 50px और 100% चौड़ाई की निश्चित ऊंचाई है।एक टीडी भरने की तालिका चौड़ाई बनाना
मैं दो divs है कि तालिका के अंदर, एक ही लाइन पर, इस तरह:
<table>
<tr>
<td>
<div id="1"></div>
</td>
<td>
<div id="2"></div>
</td>
</tr>
</table>
पहले div float:left है, और दूसरा float:right है।
तो तालिका पृष्ठ का 100% है। मैं चाहता हूँ DIV2 यह सामग्री है रैप करने के लिए, और इतना है कि DIV2 इस तरह सही करने के लिए गठबंधन किया है div1 शेष स्थान को भरने के:
+--------------------------------------------------------------+
| [ DIV 1 (Expands) ][ DIV 2 AND ITS CONTENTS ] |
+--------------------------------------------------------------+
और जब div1 पूरी लाइन की तुलना में कम सामग्री है क्या मैं वर्तमान में मिलती है:
+--------------------------------------------------------------+
| [ DIV 1 ][ DIV 2 ] |
+--------------------------------------------------------------+
एक टेबल के बिना मैं इसे सीधे तैरने के लिए बाएं और दाएं काम करने के लिए प्राप्त कर सकता हूं, लेकिन फिर जब वे "एक साथ हो जाते हैं", तो वे एक-दूसरे के आगे एक दूसरे के नीचे लपेटेंगे।
संपादित करें: मैंने एक नया jsfiddle here जोड़ा है। यह कामकाजी उदाहरण है। बाएं div से सभी लिंक को हटाने का प्रयास करें, और परिणाम देखें। दूसरा div सबसे सही पर रहना चाहिए। मुझे आशा है कि मैंने खुद को समझाया।
आप कुछ कोड उपलब्ध कराएं? और संभव है कि एक jsfiddle ताकि हम आपको बेहतर मदद कर सकें –
आपको टेबल की आवश्यकता नहीं है http://jsfiddle.net/WqsTg/ –
मैं jsfiddle पर काम कर रहा था, अब यह हो गया है, संपादन देखें। – Twinone