आई 7 में पूर्ण स्थिति के साथ समस्या, div 10px को दाएं

पर ले जाता है Ive को मेरी स्थिति पर आईई 7 पर पूर्ण संपत्ति पर कोई समस्या है। मेरा div दाएं से 10px चलाता है। नीचे मेरा कोड है। आईई 8 और 9 ठीक काम करता है। आईडी मेनू div Im रेफरिंग है।आई 7 में पूर्ण स्थिति के साथ समस्या, div 10px को दाएं

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style type="text/css"> 
body{margin: 0 0 0 0; padding: 0 0 0 0;} 
#holder{width: 400px; height: 500px; margin: 0 auto;} 
#left{float: left; width: 50px; height: 500px; background-color: red;} 
#center{float: left; width: 300px; height: 500px; background-color: green;} 
#right{float: left; width: 50px; height: 500px; background-color: red;} 
#header{width: 300px; height: 70px; background-color: yellow;} 
#gal-holder{width: 280px; height: 70px; margin: 0 auto;} 
#gallery{width: 280px; height: 410px; background-color: orange;} 
#button{width: 400px; height: 45px; background-color: red; margin: 0 auto;} 
#menu{width: 300px; height: 45px; background-color: pink; position: absolute; z-index: 1000; top: 100px;} 
#content{width: 380px; height: 200px; margin: 0 auto; background-color: blue; padding: 10px; color: #fff;} 
#clear{height: 10px;} 
</style> 
</head> 
<body> 
<div id="holder"> 
    <div id="left"></div> 
    <div id="center"> 
     <div id="header"></div> 
     <div id="menu"></div> 
     <div id="gal-holder"> 
      <div id="clear"></div> 
      <div id="gallery"></div> 
      <div id="clear"></div> 
     </div> 
    </div> 
    <div id="right"></div> 
</div> 
<div id="button"></div> 
<div id="content">Sample text</div> 
</body> 
</html>

स्रोत

2011-02-24 andsien

कौन सा div? मुश्किल कहना है :) – Kyle

एक आईडी मेनू वाला एक .. – andsien

position:relative#center के लिए और फिर left:0px#menu में जोड़े।

बिल्कुल स्थित तत्वों को उनके निकटतम स्थित माता-पिता के सापेक्ष स्थित किया जाता है। आपके द्वारा प्राप्त किए गए अजीब परिणामों को रोकने के लिए उन वस्तुओं को देना सर्वोत्तम है जिन्हें आप बाएं/दाएं और शीर्ष/नीचे समन्वय को रखना चाहते हैं।

स्रोत

2011-02-24 06:25:11 Galen

@ गैलेन..बहुत बहुत धन्यवाद। अब मैं आगे बढ़ सकता हूं। अफसोस की बात है कि मैं आपके उत्तर coz वोट नहीं कर सकता मैं अभी भी 11 प्रतिष्ठा है। एक बार फिर धन्यवाद। – andsien

@ एमयू बहुत छोटा है ... धन्यवाद, पहले से ही यह और आपका भी किया गया है। आपके समय के लिए धन्यवाद। – andsien

@mu बहुत छोटा है .. इसलिए मैं केवल एक जवाब चुन सकता हूं। मेरी अज्ञानता के लिए खेद है। =) – andsien

आप दोनों शीर्ष और बाएं स्थान निर्धारित और तत्काल माता पिता को position:relative जोड़ना चाहिए:

#center { 
    float: left; 
    width: 300px; 
    height: 500px; 
    background-color: green; 
    position:relative; 
} 
#menu { 
    width: 300px; 
    height: 45px; 
    background-color: pink; 
    position: absolute; 
    z-index: 1000; 
    top: 100px; 
    left: 0; 
}

और एक जीवित उदाहरण: और अधिक या कम साधन http://jsfiddle.net/ambiguous/vRJMd/

डिफ़ॉल्ट leftauto है और वह यह है कि ब्राउज़र जो कुछ भी सोचता है वह कर सकता है समझदार है। इसके अलावा, पूरी तरह से स्थित तत्वों को निकटतम पूर्वजों के संबंध में static (जो आपके मामले में <body> है) के साथ स्थित है।

स्रोत

2011-02-24 06:31:58

। धन्यवाद, आप दोनों ने मेरी समस्या हल कर दी है। माफी माँगता हूं कि मैं आपके उत्तर कोज़ का वोट नहीं दे सकता हूं, मेरे पास अभी भी 11 प्रतिष्ठा है। पुन: धन्यवाद। – andsien

आई 7 में पूर्ण स्थिति के साथ समस्या, div 10px को दाएं

उत्तर

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