0

我在我的 Mac 中创建了一个网页。我用 Chrome、FF 和 Safari 等常用浏览器对其进行了测试。这十分完美。我刚刚有机会在 IE 中测试该网站。它看起来是灾难性的——标志向右走太多了。我相信这是造成这种情况的浮动。我在这里发布了一些代码，希望能从这里的专家那里得到一些帮助。请帮助我。谢谢！

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style>

   *{
margin:0px; padding:0px;
font-family: Tahoma, sans-serif;
font-size: 11px;
    }


    root { 
    display: block;
    }

    html, body, form, h1, h2, h3, h4, ul, li {
margin: 0;
padding: 0;
    }

    body {
    margin: 0 auto;
    text-align: center;
    width:780px;
    }

    #top_bkg {
    padding:0;
    margin:0 auto;
    background-color:#009933;
    width:780px;
    height:101px; 
    }

   #top_bkg2 {
   background-color:#009933;
   width:780px;
   height:99px; 
   }


   #logo {    
    float:left;   
    line-height: 1%;
    margin-top:-132px;              
background-color:red;
    width:569px;
    height:109px;
background-repeat:no-repeat;
background-position:bottom right;
    }

</style>



    </head>
    <body>

        <div id="top_bkg">
        </div> <!--end of top_bkg-->

        <div id="top_bkg2">
        </div> <!--end of top_bkg2-->


     <div id="logo">             
     </div> <!--end of logo-->


   </body>
  </html>

这是它在 IE 中的样子：

红色背景应该是标志。 它不对齐。

4

1 回答 1

1

您可以创建一个包装器，而不是将宽度设置为主体

<div id="wrapper"></div>并为包装器设置宽度，并且在负值中提供边距也是不好的做法，而且您已经为每个 div 设置了宽度和高度，这就是它在 IE 中看起来像这样的原因。请进行更正，然后在 IE 中看起来不错，尽管您可能需要对 IE 的边距和填充进行一些更正。

于 2012-05-14T07:16:11.953 回答