1

css の設計に問題があり、修正方法がわかりません。

そして、それはこのフォーラムでも同じ問題です: ここに画像の説明を入力

ズームインすると、ヘッダーの背景が水平範囲を完全に埋めていないことがわかりました。以下は、ズームアウトしたサイトのビューです。

ここに画像の説明を入力

これは、ヘッダーとフッターの背景をデザインするときの私の場合とまったく同じです。 ここに画像の説明を入力

私の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

4

1 に答える 1

0

IE9 の stackoverflow でその問題を再現できません。あなたが提供したコードスニペットでそれが起こる理由もわかりません（それ以外に何かがあるかもしれませんが）。

それはあなたのコンピュータの問題である可能性が非常に高いです. 可能性のある問題としてそれを排除するために、それを試すことができる別のコンピューターを手元に用意していますか?

于 2012-12-13T04:58:33.297 に答える