2010-09-12 4 views
5

ब्राउज़र पेज के सभी चार किनारों में सीमा कैसे जोड़ूं, चाहे कोई भी ब्राउज़र, जो भी संकल्प हो। क्या ऐसा कोई सीएसएस या जावास्क्रिप्ट कोड है?मैं ब्राउज़र पेज के सभी चार किनारों में सीमा कैसे जोड़ूं

उत्तर

2

आप सीमा व्यूपोर्ट के आसपास आप निम्नलिखित की कोशिश कर सकते हैं:

<html> 
<head> 
    <style> 
    body {position: fixed; top:0; left: 0; bottom: -5px; right: -5px; 
     border: 5px solid red;} 
</style> 
</head> 
<body> 
</body> 
</html> 
आप वास्तव में क्या और भी बेहतर YUI Layout Manager के रूप में कुछ का उपयोग हो सकता है चाहते हैं पर निर्भर करता है

+0

अच्छा, मैंने एक बार बाएं और दाएं स्थिति को सही करने पर विचार नहीं किया था। हालांकि 'नीचे: 0; दाएं: 0; 'बेहतर दिखता है, किनारे के लिए दूरी बराबर होगी। – pepkin88

2

अपने सीएसएस में निम्नलिखित लाइनों लिखें:

body { 
    border-width: 5px; /* or what you want */ 
    border-style: solid; 
    border-color: red; /* or what you want */ 

    /* or use the short form: */ 
    border: 5px solid red; 
} 
+0

धन्यवाद, मैं हमेशा स्क्रीन के नीचे सीमा-तल कैसे फिट करूं? – ktm

+0

क्या आपने इसका परीक्षण किया? सामग्री के आधार पर शरीर का मार्जिन और अलग आकार होता है। – pepkin88

+0

हां यह काम करता है, लेकिन जब सीमा नीचे की ऊंचाई बदलती है तो यह अजीब लगती है। मैं सीमा तल को कैसे ठीक कर सकता हूं हमेशा नीचे रहता है? – ktm

0
<body style="margin:0px;margin-right:2px;margin-bottom:2px"> 
<div style="width:100%;height:100%;border:1px solid red;margin-right:-2px;margin-bottom:-2px"> 
    Stuff here 
</div> 
</body> 

मेरी राय में यह elektronikLexikon की तुलना में बेहतर समाधान है, ऊंचाई हमेशा होता है क्योंकि 100%।

संपादित करें: ऊंचाई अभी ठीक है।

EDIT2: मैं jira के जवाब मेरा से भी अधिक की तरह;)

पी एस। हमेशा सर्वोत्तम जवाब का अनुरोध करें, न कि केवल कुछ आवश्यकताओं को पूरा करता है। मैं इसे समय पर नहीं बना सका।

संबंधित मुद्दे