2010-02-05 32 views
4

我没有利润率适用于这个特殊的div,没有浮动,更恼人的是它在不同的页面上工作。下面是对CSS规则的代码:为什么我的div在我使用位置时消失:在IE6中是相对的?

#prizedraw-fliemore{ 
    position: relative; 
    top: 164px; 
    left: -720px; 
    z-index: 3000; 
} 

在div显示,当我使用的位置是:绝对的,而这对我没用。我试过显示器,能见度,但没有尝试。有人可以帮我吗?由于

页代码是:

<div id="column-left-content"> 
    <p class="height"><strong>Learn more about CAREFREE&reg; pantyliners and discover how they can help you feeling clean, fresh and protected all day long.</strong></p> 
</div> 

<div id="column-right-content"> 
    <p><strong>Free to be me</strong> has been put together for you by the thoughtful makers of CAREFREE&reg;, who design feminine hygiene products to give you all the protection you need.<br /><br /> 

Now that you've reached puberty, there are things you need to know that you might not know already. CAREFREE&reg; has the answers to some of the questions you might just be asking... 
</p> 
</div> 

     <div id="car-boxes"> 

      <div class="car-nav"> 
       <div class="container"> 
        <a class='example5' href="lb/why.html" style="border:none;" rel="group"><img src="images/carefree/pantyliners.png" class="bw" style="border:none;" /></a> 
        <img src="images/carefree/pantyliners-y.png" class="colour" alt="" /> 
       </div> 
      </div> 

      <div class="car-nav"> 
       <div class="container"> 
        <a class='example5' href="lb/discharge.html" style="border:none;" rel="group"><img src="images/carefree/discharge.png" class="bw" style="border:none;" /></a> 
        <img src="images/carefree/discharge-y.png" class="colour" alt="" /> 
       </div> 
      </div> 
      <br /> 
      <div class="car-nav"> 
       <div class="container"> 
        <a class='example5' href="lb/difference.html" style="border:none;" rel="group"><img src="images/carefree/difference.png" class="bw" style="border:none;" /></a> 
        <img src="images/carefree/difference-y.png" class="colour" alt="" /> 
       </div> 
      </div> 

      <div class="car-nav"> 
       <div class="container"> 
        <a class='example1' href="lb/right.html" style="border:none;" rel="group"><img src="images/carefree/right.png" class="bw" style="border:none;" /></a> 
        <img src="images/carefree/right-y.png" class="colour" alt="" /> 
       </div> 
      </div> 
     </div> 

<div id="prizedraw-car"> 
    <a href="enter.php"><img src="images/prizedraw.png" alt="Read More" /></a> 
</div> 

    </div> 
    <script type="text/javascript"> 
     var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); 
     document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); 
     </script> 
     <script type="text/javascript"> 
     try { 
     var pageTracker = _gat._getTracker("UA-2268991-20"); 
     pageTracker._trackPageview(); 
     } catch(err) {} 
    </script> 
</body> 
</html> 
+2

由于IE6被破坏,应该在外面拍摄并开枪直到它死亡,死亡,死亡!也许。 – 2010-02-05 11:04:27

+0

我完全同意。不幸的是,我的政府采取'如果没有破产'的方式,不像德国人和法国人!我的客户也认为这很重要。他们认为他们是谁! – Drew 2010-02-05 11:05:33

+0

您可以发布多一点您的代码,以便我可以重新创建 - 您提供的链接在此处由公司Web代理拦截。 – Fenton 2010-02-05 11:10:26

回答

3

我的猜测是,IE6将它定位在屏幕外,换句话说,你认为你相对的点不是IE6使用的点。

您是否可以通过临时设置top/left为0px并查看它显示的位置来显示它?

编辑 - 只是查看了一些我的网站上的一些代码,做了类似的事情。

我认为你需要设置位置:相对父母div然后使用position:absolute和top/left子div。

+0

已经尝试过,我很害怕。尽管谢谢! – Drew 2010-02-05 11:14:07

+0

囊魔!谢啦。它看起来像是通过魔法。愚蠢的浏览器... – Drew 2010-02-05 11:17:47

0

尝试去除{左:-720px;}和使用条件样式表IE。也尝试给位置相对于父母的#prizedraw -fliemore

+0

已经在您的面前提供额外的样式表。div的父母是自动居中的包装 – Drew 2010-02-05 11:11:02

1

尝试在要定位的元素的父div上设置position: relative。 听起来很奇怪,因为通常一个绝对元素需要一个相对的父亲。

但是我发现对于IE的老版本,如果你有一个'消失的相对div',那么使它的'父亲相关也可以解决你的一些问题。

相关问题