रबर लेआउट के बारे में

इससे प्रेरित हैं।



उन लोगों के लिए जो यह नहीं जानते कि सब कुछ कैसे ठीक है।

साइट को केवल एक निश्चित मूल्य तक फैलाना चाहिए, और केवल एक निश्चित मूल्य तक सीमित होना चाहिए। मैं आमतौर पर क्रमशः 1500 और 980 पिक्सल लेता हूं।



कैसे बनाये? न्यूनतम चौड़ाई और न्यूनतम ऊंचाई।



#site {

margin: 0 auto; /* max-width*/

min-width: 980px;

max-width: 1500px;

}







लेकिन IE में उन्हें शामिल नहीं किया गया है। और अभिव्यक्ति ब्राउज़र को बहुत अधिक लोड करता है ... शांत, दोस्तों! मैं तुम्हें अंधकार से प्रकाश की ओर ले जाऊंगा!

हम आगे लिखते हैं।







और यानी हम डालते हैं



window.attachEvent('onload', mkwidth);

window.attachEvent('onresize', mkwidth);



var minwidth = document.getElementById("site").currentStyle['min-width'].replace('px', '');

var maxwidth = document.getElementById("site").currentStyle['max-width'].replace('px', '');

function mkwidth(){

document.getElementById("site").style.width = document.documentElement.clientWidth < minwidth ? minwidth+"px" : (document.documentElement.clientWidth > maxwidth ? maxwidth+"px" : "100%");

};







उपरोक्त विधि की विशेष अच्छाई क्या है? और तथ्य यह है कि न्यूनतम और अधिकतम मूल्य केवल एक ही स्थान पर निर्धारित किया जाना चाहिए, अच्छी तरह से, सामान्य रूप में।



उपयोग, संक्षेप में, स्वास्थ्य पर!