html - Problems with equal height columns -
यह मेरा सीएसएस है:
#contents {स्पष्ट: दोनों; चौड़ाई: 900 पिक्सेल; पृष्ठभूमि: #fff url (../ img / contents_bg.jpg) पुनरावृत्ति- y; } #contents.left {float: left; चौड़ाई: 615 पीएक्स; पैडिंग: 10px 0 0 20px; } #contents .right {float: right; चौड़ाई: 225px; पैडिंग: 10px 20px 0 0; }
और HTML:
& lt; div id = "सामग्री" & gt; & Lt; div class = "left" & gt; & Lt; p & gt; परीक्षण & lt; / p & gt; & Lt; / div & gt; & Lt; div वर्ग = "सही" & gt; & Lt; p & gt; परीक्षा 2 & lt; / p & gt; & Lt; / div & gt; & Lt; / div & gt;
कुछ कारणों से contents_bg.jpg पृष्ठभूमि छवि तब तक प्रदर्शित नहीं होगी जब तक कि मैं # कंटेंट पर ऊँचाई नहीं डालता जो मैं नहीं कर सकता, कोई भी विचार?
आपकी div # सामग्री फ्लोटिंग नहीं है और इसलिए इसकी फ़्लोटिंग सामग्री को शामिल करने के लिए नहीं फैलता है उस पर एक अच्छी पढ़ी है उस परिदृश्य के लिए उपलब्ध अन्य उपाय हैं, लेकिन अधिकांश में कुछ अनावश्यक मार्कअप को शामिल करना शामिल है, जैसे कि div # सामग्री के तल पर एक समाशोधन इकाई।
Comments
Post a Comment