डीआईवी व्यूपोर्ट के नीचे संलग्न

Question

मैंने व्यूपोर्ट के निचले हिस्से में संलग्न करने के लिए डीआईवी कैसे प्राप्त करें, इस बारे में कुछ अन्य पोस्ट पढ़ी हैं - और मैंने सफलता के साथ एक समाधान लागू किया है, लेकिन मैं एक में दौड़ रहा हूं एक मुद्दा का थोड़ा सा।

में: http://s222894377.onlinehome.us/

आप देख सकते हैं एक छवि है एक DIV मैं बनाया है और संलग्न में 100% बढ़ाया। इसके ऊपर डीआईवी ऊंचाई पर सेट है: 100%;

लेकिन यह थोड़ा अधिक लंबवत स्थान ले रहा है और मैं समग्र ऊंचाई पर इसका प्रभाव क्षतिपूर्ति करने की कोशिश कर रहा हूं।

संरचना होती है:

मैं ऊपर और नीचे मार्जिन और गद्दी के लिए नकारात्मक हाशिए की स्थापना हैडर ऊंचाई के लिए क्षतिपूर्ति करने में बदलाव की कोशिश की है, लेकिन अभी तक यह पता लगा नहीं किया है ।

यदि किसी के पास कुछ सुझाव हैं - तो इसकी बहुत सराहना की जाएगी।

अग्रिम धन्यवाद,

मिमी

Answer 1

आप ब्राउज़र विंडो के नीचे के लिए कुछ देते हैं और यह वहाँ रखने की कोशिश कर रहे हैं, तो शायद आप सीएसएस position: विशेषता में रुचि हो सकती है?

http://www.w3schools.com/Css/css_positioning.asp

विशेष रूप से, position: fixed; और फिर ब्राउज़र के नीचे करने के लिए कुछ के नीचे संलग्न करने के लिए bottom: 0; निर्दिष्ट करें।

Answer 2

मैं अगर मैं आपकी समस्या को सही ढंग से पढ़ रहा हूँ यकीन नहीं है, लेकिन केवल एक चीज है जो मन में आता की तरह कुछ का उपयोग करने के लिए है:

div#content_block 
{position: absolute; 
top: 3em; /* basically this is 0 + vertical-height of the header; adjust to taste */ 
left: 0; /* assuming you want the div to stretch across the viewport */ 
right: 0; 
bottom: 3em; /* 0 + vertical-height of footer */ 
overflow: auto; 
} 

लेकिन इस भयानक लगता है, और मैं मदद नहीं कर सकता लेकिन सोचें कि आपकी समस्या की स्पष्ट समझ के साथ एक बेहतर समाधान प्राप्त किया जा सकता है।

क्या कोई मौका है कि आप अपनी इच्छित लेआउट का वर्णन करने वाली छवि को पोस्ट (या लिंक) कर सकते हैं? प्रासंगिक मार्जिन और ऑफ-सेट जोड़े गए? साथ ही, अपना कोड पोस्ट करना एक अच्छा विचार होगा (सीएसएस और एचटीएमएल)।

Answer 3

मुझे लगता है कि यदि आप अपने ऊपरी div पर ऊंचाई निर्दिष्ट करने का प्रयास करते हैं तो आप समस्याओं में भागने जा रहे हैं। यह इस तरह से करने के लिए जटिल और गन्दा हो जाता है। अपने ऊपरी सामग्री div पर

, एक ऊंचाई सेट नहीं है,:

इस प्रयास करें लेकिन 100px पर नीचे-पैडिंग सेट करें, या कुछ मूल्य जो नीचे div को ओवरलैपिंग के बिना अपनी पूर्ण सामग्री प्रदर्शित करने की अनुमति देता है। इस तरह, आपकी मुख्य सामग्री सामान्य रूप से बहती है, और उतनी ही जगह लेती है जितनी इसकी आवश्यकता होती है, लेकिन इसे नीचे div द्वारा हस्तक्षेप नहीं किया जाएगा।