2011-03-17 11 views
8

मैं सही करने के लिए एक sidemenu के साथ एक आकार बदलने योग्य पृष्ठ पर काम कर रहा हूँ, और यह लगभग इस सरल उदाहरण पर माना जाता काम करता है के रूप में:न्यूनतम चौड़ाई और स्थिति पूर्ण के साथ आकार बदलने योग्य पृष्ठ?

http://pastehtml.com/view/1do8cy9.html

समस्या यह है कि स्थिति ऑटो और न्यूनतम-चौड़ाई न प्रतिक्रिया है जैसा सोचा था। यदि आप 500px से छोटे ब्राउज़रविंडो को खींचते हैं (जैसा कि न्यूनतम चौड़ाई निर्धारित है), लाल सिडमेनू हरी सामग्री पर जारी है ..

जब मैं न्यूनतम चौड़ाई, एफएक्स 500 पीएक्स तक पहुंचता हूं तो साइडबार स्टॉप कैसे बना सकता हूं ?

उत्तर

11

निरपेक्ष तैनात div मिनट चौड़ाई div जो सापेक्ष स्थिति होनी चाहिए अंदर होना चाहिए

संपादित करें, बेहतर स्पष्टीकरण:

साइडबार के लिए: लाल साइडबार top: 0 जोड़ सकते हैं और अंदर यह जगह min-width कंटेनर।

कंटेनर के लिए: padding-right साथ margin-right संपत्ति की जगह और जोड़ने position:relative

+0

तो मैं आप की तरह का सुझाव दिया करते हैं, यह बजाय पाठ के साथ हरे रंग की सामग्री overlaps "यह आकार बदलने" .. न्यूनतम-चौड़ाई अब हालांकि काम करता है: एस की तरह यहाँ: http: //pastehtml.com/view/1doa3jv.html – donpedroper

+0

मार्जिन-दाएं जोड़ें: 220 पीएक्स; पाठ के साथ div के लिए; और यदि आप इसे हरे रंग की पृष्ठभूमि में ले जाना चाहते हैं। –

+0

असल में यह मेरी समस्या को ठीक करता है, मुझे वास्तव में यह जानने में दिलचस्पी है कि यह ऐसा क्यों है? क्या यह एक बग है? मुझे ऐसा नहीं लगता क्योंकि सभी ब्राउज़र मेरे मामले में एक-दूसरे की तरह व्यवहार करते थे। रिश्तेदार div को पूर्ण div के लिए वास्तविक होना चाहिए, लेकिन एक सापेक्ष div के अंदर एक पूर्ण div डालना मेरे मन में नहीं था! – jim

-1

मैं इसका कोई सुधार!

हालांकि यह अजीब है:

body{ 
    position:absolute; 
    top:0; 
    left:0; 
    bottom:0; 
    min-width:1300px; 
    width:100%; 
    overflow:auto; 
    padding:0; 
    margin:0; 
} 
संबंधित मुद्दे