html - Center content area between header and footer -

प्रश्न: मैं अपना {{TEXT}} या ".acton" अनुभाग प्राप्त करने का प्रयास कर रहा हूं पृष्ठ के शरीर में और सभी समय में पाद लेख और शीर्षक के बीच केंद्रित रहना।

मैं इस टेम्पलेट का उपयोग एक्ट-ऑन नामक एक विपणन स्वचालन सॉफ़्टवेयर में लैंडिंग पृष्ठों को बनाने के लिए कर रहा हूं। इसलिए उम्मीद है कि जो कुछ भी हम तय कर सकते हैं, उसके लिए शरीर की सामग्री को केन्द्रित रहने के लिए रखा जा सकता है।

ये मेरी जेएसफ़िल्ड है:

  & lt; body & gt; & Lt; div id = "bg" & gt; & Lt; img शैली = "प्रदर्शन: ब्लॉक;" src = "http://cdn-ci53.actonsoftware.com/acton/attachment/8908/f-0015/1/-/-/-/-/Background_Gradient.png" & gt; & Lt; / div & gt; & Lt; div id = "मुख्य" & gt; & Lt; div id = "header" & gt; & Lt; div id = "शीर्ष-बायां" & gt; & lt; a href = "http://medata.com/" & gt; & lt; img src = "http://cdn-ci53.actonsoftware.com/acton/attachment /8908/f-0019/1/-/-/-/-/-/Medata%20With%20Sub%20550x131.png "alt =" मेडाटा होम पेज पर जाएं "वर्ग =" लोगो "शीर्षक =" मेडाटा। Com "atl =" लोगो "& gt; & lt; / a & gt; & Lt; / div & gt; & Lt; div id = "nav" & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = "http://newsworthy.medata.com/" लक्ष्य = "_ रिक्त" & gt; & lt; span class = "बटन" & gt; न्यूज़वर्थ्टी & lt; / a & gt; & Lt; / span & gt; & Lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; & lt; स्पैन वर्ग = "बटन" & gt; समाधान & lt; / a & gt; & Lt; / span & gt; & Lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; & lt; स्पैन वर्ग = "बटन" & gt; हमारे बारे में & lt; / a & gt; & Lt; / span & gt; & Lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; & lt; स्पैन वर्ग = "बटन" & gt; होम & lt; / a & gt; & Lt; / span & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt; & Lt; div class = "acton" & gt; {{TEXT}} & lt; / div & gt; & Lt; div id = "footer" & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = "http://newsworthy.medata.com/" लक्ष्य = "_ रिक्त" & gt; & lt; span class = "बटन" & gt; न्यूज़वर्थ्टी & lt; / a & gt; & Lt; / span & gt; & Lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; & lt; स्पैन वर्ग = "बटन" & gt; समाधान & lt; / a & gt; & Lt; / span & gt; & Lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; & lt; स्पैन वर्ग = "बटन" & gt; हमारे बारे में & lt; / a & gt; & Lt; / span & gt; & Lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; & lt; स्पैन वर्ग = "बटन" & gt; होम & lt; / a & gt; & Lt; / span & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / body & gt;  

उम्मीद है कि यह मेरा आखिरी सवाल है इस टेम्पलेट पर मैं निर्माण कर रहा हूं। मैं ईमानदारी से सभी की मदद की सराहना करता हूं!

आप आसानी से प्रदर्शन का उपयोग कर सकते हैं: तालिका, टेबल-पंक्ति / टेबल-सेल साथ ही साथ: वर्टिकल-संरेखित करें: मध्यम; यदि आपका HTML मान्य है और संरचना की आवश्यकता है।

Reset CSS अपने सीएसएस के सामने लोड होना चाहिए, यह भी, उपयोग करने से बचें! महत्वपूर्ण।

// comment // सीएसएस में मान्य टिप्पणी नहीं है, लेकिन मूलतः संरचना है:

  & lt; body or wrapper & gt; & lt ;; हेज / चौड़ाई: 100%; और प्रदर्शन: तालिका - & gt; & LT; हैडर & gt; टेबल-पंक्ति के रूप में & lt; / header & gt; & LT; मुख्य & gt; तालिका-सेल और ऊंचाई के रूप में: 100%, यह शीर्ष स्थान और पाद लेख के लिए अंतरिक्ष छोड़ने के लिए हट जाएंगे & lt; / main & gt; & LT; पाद लेख & gt; टेबल-पंक्ति के रूप में & lt; / footer & gt; & Lt; / body या wrapper & gt;