/ / IE में क्षैतिज / ऊर्ध्वाधर केंद्र कैसे करें? - html, सीएसएस

IE में क्षैतिज / ऊर्ध्वाधर केंद्र कैसे करें? - html, सीएसएस

यहां मैं उस पृष्ठ पर काम कर रहा हूं जिस पर मैं काम कर रहा हूं:

http://www.escalateinternet.com/

मैं लॉगिन फॉर्म को लंबवत और क्षैतिज रूप से केंद्र में लाने की कोशिश कर रहा हूं। यह अभी इंटरनेट एक्सप्लोरर को छोड़कर सभी ब्राउज़रों में काम कर रहा है।

यहाँ मैं सीएसएस मैं इसे केंद्र में div करने के लिए जोड़ा गया है:

bottom: 0;
height: 400px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;

मैं इसके लिए गलत क्या कर रहा हूँ IE में केंद्रित नहीं है जैसे कि यह अन्य ब्राउज़रों में है?

उत्तर:

जवाब के लिए 0 № 1

पर div उन वर्गों के साथ: whmcscontainer contentpadded सीएसएस लगाओ width:100%। IE के साथ स्थिति निर्धारित करने के लिए संदर्भ के लिए माता-पिता की चौड़ाई की आवश्यकता है margin: auto.


उत्तर № 2 के लिए 1
bottom: 0;
height: 400px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
text-align:center;

जवाब के लिए 0 № 3

क्योंकि आपके पास DOCTYPE डिक्लेरेशन नहीं है, इसलिए यह त्रुटि हुई। इस लाइन को html टैग के ऊपर जोड़ें। दस्तावेज़ के शीर्ष पर।
<!DOCTYPE html>


जवाब के लिए 0 № 4

इसे इस्तेमाल करे

element.style {
bottom: 0;
height: 400px;
left: 50%;
margin: auto auto auto -150px;
position: absolute;
top: 0;
}