Question

我在css设计中有一个很好的问题，我无法弄清楚如何解决它。

这个论坛也是同样的问题： enter image description here

我观察到标题背景在放大时没有完全填充其水平范围。下面是网站的缩小视图。

enter image description here

在设计页眉和页脚背景时，这与我的情况非常相似。 enter image description here

我的HTML代码是：

<div id="footerBack">
        <div id="footer">
            <a href="#"><img src="images/eyecolor.png" alt="Eyecolor Icon" /></a>
            <ul>
                <li><a href="#" id="terms">Terms &amp; Service</a></li>
                <li><a href="#" id="privacy">Privacy Policy</a></li>
                <li><a href="#" id="news">News</a></li>
                <li><a href="#" id="footerAbout">About</a></li>
                <li><a href="#" id="footerContact">Footer</a></li>
           </ul>
           <p id="copyright">Copyright &copy; 2012 Jed Designs</p>
           <a href="#"><p id="email">Email: jedlovescpe@gmail.com</p></a>
        </div>
    <div id

我的CSS：

 /*Footer*/
#footerBack         {background: url(images/footerBack.jpg) repeat-x; height: 48px;  position: relative; top: -4px;};
#footer             {padding-top: 10px;}
#footer ul, #footer img
            {margin-top: 5px;}
#footer ul          {float: left; margin-left:160px; margin-top: 15px;}
#footer li a        {color: #d6b85e; padding: 7px; margin: 0 8px 0 8px; font: 11px Tahoma, Geneva, sans-serif;}
#footer li a:hover  {background:#d6b85e; color: #73401f;}
#footer img         {float: left;}
#footer #copyright, #footer #email      
            {float: right; color: #e5dca9; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-right: 12px;}
#footer #email      {margin-top: 2px;}
#footer #copyright  {margin-right: 20px; margin-top: 12px;}

我该怎么做才能解决这个设计问题？：d

Answer 1

我无法在IE9中的stackoverflow上重现该问题。我也没有看到你在提供的代码片段中发生任何原因（尽管可能还有其他内容）。

这很可能是您计算机的问题。你有另外一台计算机，你可以尝试一下，只是为了消除这个可能的问题吗？

Div标签的CSS背景颜色未填充所有轴

1 个答案: