9
में सापेक्ष
मैं सभी ब्राउज़रों पर डिबगिंग नहीं है, जबकि अपनी साइट को डिजाइन करने के कार्डिनल गलती की है। फ़ायरफ़ॉक्स (3.6.10) और आईई 8 में फॉर्म तत्व ठीक दिखते हैं लेकिन क्रोम (10) में, केवल स्थिति: पूर्ण तत्व दिखाई देते हैं।स्थिति: निरपेक्ष भीतर स्थिति: क्रोम
मैं एक रूप एक बिना क्रम वाली सूची से बना है। सूची आइटम स्थिति के साथ स्थापित हैं: रिश्तेदार। इसमें एक बाएं फ़्लोटिंग लेबल, दाएं फ़्लोटिंग फ़ील्ड और संभावित रूप से एक स्थिति है: पूर्ण विजेट।
HTML:
<form><ul>
<li>
<label>Name</label>
<input type="text" />
<a id="nameGenerator" class="widget"></a>
</li>
</ul></form>
सीएसएस:
form ul li{
margin: 5px;
clear: both;
position:relative;
}
form label{
float:left;
margin-top: 0px;
margin-bottom: 0px;
}
form input{
float:right;
margin-top: 0px;
margin-bottom: 0px;
}
form .widget{
position: absolute;
top: 0;
right: 0;
z-index: 99;
}
मैं स्थिति को निकाल कर इस "ठीक" कर सकते हैं: रिश्तेदार लेकिन वह अस्वीकार्य है। क्या वांछित परिणाम देने के लिए मैं कुछ भी कर सकता हूं?
और जो वांछित परिणाम कर रहे हैं? शायद स्थापित और उदाहरण? – easwee
@Myles, यह अस्वीकार्य है क्योंकि यह सब पूरी तरह से स्थिति तत्वों स्क्रीन के ऊपर से चिपक, उनके संबंधित सूची आइटम में नहीं रह कारण बनता है। –
@ शैलियों ग्रे - स्थिति: स्थैतिक डिफ़ॉल्ट स्थिति है - रिश्तेदार नहीं। उसे ली के रिश्तेदार होने की जरूरत है क्योंकि प्रत्येक को विजेट के लिए अपने माता-पिता होने चाहिए, अन्यथा यह शरीर के सापेक्ष स्थित नहीं है। – easwee