2010-02-09 12 views
5

निश्चित चौड़ाई, केंद्रित वेबसाइट के लिए Float के बजाय सीएसएस पोजीशनिंग (From Dreamweaver AP Div) का उपयोग करने के लिए सबसे बड़ा नुकसान क्या है?स्थिति का उपयोग करने का सबसे बड़ा विपक्ष क्या है: फ़्लोट और मार्जिन + पैडिंग पर पूर्ण और ऊपर/बाएं, यदि साइट निश्चित चौड़ाई (9 70 पीएक्स) केंद्रित है, तो केंद्रित है?

अगर मैं

  • मोबाइल उपयोगकर्ताओं
  • छोटा पर्दा उन (छोटे 1024 से पिक्सल स्क्रीन आकार)

के लिए परवाह नहीं है लेकिन मैं

के लिए देखभाल
  • स्क्रीन पाठक उपयोगकर्ता
  • सभी ब्राउज़र उपयोगकर्ता (IE6 सहित)
+0

का अर्थ है 'स्थिति: पूर्ण' और 'शीर्ष/बाएं' का उपयोग करके स्थिति का मतलब है? –

+0

@ के प्राइम - कहीं भी जहां हम फ़्लोट और मार्जिन-पैडिंग इत्यादि के माध्यम से किसी भी तत्व को स्थान देने के लिए लेआउट बनाने के लिए फ्लोट का उपयोग करते हैं –

+0

@ के प्राइम - हाँ स्थिति का उपयोग: पूर्ण –

उत्तर

3

आप छोटे संकल्प के बारे में परवाह नहीं करते हैं, यह लचीलेपन का सिर्फ एक सवाल है: जब आप पूर्ण positionning उपयोग करते हैं, आप प्रवाह टूट गया। तो, सब कुछ ठीक आकार का होना चाहिए।

कई तत्वों या परिस्थितियों के लिए (एक आदर्श छवि शीर्षक बनाएं ...), यह सबसे अच्छा (और कभी-कभी अद्वितीय) विकल्प है। अधिकांश समय, 'रिश्तेदार' बेहतर होता है क्योंकि यह प्रवाह (तत्व प्रवाह में रहता है) रखा जाता है लेकिन आप स्थिति को संतुलित स्थिति में बदल सकते हैं (माता-पिता की स्थिति को भूलना न भूलें, भले ही आप स्पष्ट स्थिति न दें; उदाहरण के लिए बस स्थिति जोड़ें: सापेक्ष, बिना शीर्ष/बाएं ...)। और, अच्छा बिंदु, "स्थिति: रिश्तेदार" आईई में तत्व के लिए हैलेआउट प्रदान करें!

उदाहरण के लिए, यदि आप सामग्री के बाद पाद लेख रखना चाहते हैं, तो पूर्ण एक बुरा विचार है क्योंकि आप शायद सामग्री की ऊंचाई नहीं जानते हैं। लेकिन यदि आप स्क्रीन के शीर्ष पर एक मेनू रखना चाहते हैं, लेकिन स्क्रीन रीडर (बड़े मेनू को एक रैखिक दस्तावेज पर अंत में होना चाहिए) का उपयोग करने वाले लोगों को परेशान नहीं करना चाहते हैं, तो पूर्ण स्थिति सही है।

फ़्लोट एकदम सही समाधान नहीं है, क्योंकि आप कई ब्लॉगों पर पढ़ सकते हैं: यह एक बहुत ही खास पोस्टियनिंग है लेकिन यह उपयोगी है क्योंकि 'इनलाइन-ब्लॉक' हर समय काम नहीं करता है। और, ज़ाहिर है, यह भी उपयोगी होता है जब आप वास्तव में तत्वों को फ्लोट करना चाहते हैं।

इतना समझाने के लिए जब आप अंग्रेज़ी में अच्छी तरह से :)

2

बात नहीं करते एक तत्व पाठ होता है, तो आप अपनी ऊंचाई अनुमान नहीं लगा सकते हैं (क्योंकि आप नहीं जानते कि आसान नहीं हैं कि क्या फ़ॉन्ट और क्या फॉन्ट यह आकार वास्तव में प्रस्तुत किया जाएगा)।

इससे किसी अन्य तत्व के नीचे एक तत्व के शीर्ष को स्थानांतरित करना असंभव हो जाता है। उदाहरण के लिए: पारंपरिक "हेडर और पाद लेख वाला दो कॉलम" लेआउट के बारे में भूल जाओ।

+0

मैंने इस आलेख को पढ़ने के बाद इस प्रश्न से पूछा http: //www.adobepress .com/articles/article.asp? p = 770996 –

+2

क्या एक अच्छा लेख है। संक्षेप में: "पूर्ण पोजीशनिंग बकवास है, लेकिन इसके साथ आप ड्रीमवेवर फ़ोटोशॉप का नाटक कर सकते हैं! आपको फ़ोटोस्क्रिप्ट पसंद है, इसलिए यहां पूर्ण स्थिति के साथ अपने उपयोगकर्ताओं के अनुभव को कैसे मिटाया जाए।" – Quentin

3

यह या तो दोनों नहीं है या यह दोनों है ... फ्लोट कुछ स्थितियों और स्थिति के लिए अच्छा है: दूसरों के लिए पूर्ण, इसलिए आपको अपने डिजाइन के लिए दोनों का उपयोग करने की आवश्यकता हो सकती है। यदि आप सीएसएस का उपयोग करने के बारे में गंभीर हैं तो मेरा सुझाव है कि आप इस पुस्तक को http://www.transcendingcss.com/