सीएसएस के साथ पाद लेख को नीचे रखना

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

#Footer { स्थिति: निरपेक्ष; निचला: 0; चौड़ाई: 100%; }

स्पष्टीकरण

#Footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

स्थिति: पूर्ण;: पाद लेख को सामान्य दस्तावेज़ प्रवाह से हटा देता है, जिससे इसे स्वतंत्र रूप से स्थित किया जा सकता है।

नीचे: 0;
1. : पाद लेख के निचले किनारे को शून्य पर सेट करता है, जो इसे विंडो के नीचे स्थित करता है।
चौड़ाई: 100% ;
2. : सुनिश्चित करता है कि पाद लेख स्क्रीन की पूरी चौड़ाई में फैला है।
3. HTML Structure
सुनिश्चित करें कि आपकी HTML संरचना में
पाद लेख के लिए आईडी = "पाद लेख" के साथ:

...

अतिरिक्त नोट्स

  ...
  

  

सेटिंग स्थिति: निश्चित; पाद लेख फ़ायरफ़ॉक्स के लिए काम कर सकता है लेकिन इंटरनेट एक्सप्लोरर के लिए नहीं।

मुख्य सामग्री (वर्ग = "मुख्य") के मार्जिन या पैडिंग को समायोजित करना पाद लेख के लिए जगह बनाने के लिए आवश्यक हो सकता है। ]इन सीएसएस शैलियों को लागू करके, आप फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर दोनों में ब्राउज़र विंडो के नीचे पादलेख को सफलतापूर्वक रखने में सक्षम होना चाहिए।