html - 使用 CSS 将网页居中的问题

Question

我已经为 eBay 制作了一个页面，我已经在 Explorer、Safari、Firefox 中对其进行了测试，一切正常。但出于某种原因，当我将代码转储到 eBay 并进行预览时，页面呈现在左侧。我已经尝试过使用不同类型的 CSS 进行各种搜索，但一直找不到解决方案。因此我在这里。有人可以阐明我到底做错了什么吗？

提前致谢。

    <style type="text/css">
    body {
        background-color: #FFF;
        text-align:justify;
        font-size:13px;
    }

    #container { 
        width:730px; 
        margin: 0 auto;
        font-size: 14;
        text-align:justify;
    }

    img{
        border:0;
    }

    a img {
        border:none;
    }

    p { padding: 0 15px 0 15px }

    .banner img{ padding: 0 5px 5px 5px; }

    #jerseyBio{
        width:730px;
        margin-bottom:5px;

    }

    #jerseyBio ul {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-style: normal;
        padding: 25px;
    }

    #jerseyBio ul li{
        margin-bottom:10px;
        padding: 0px;
    }

    #itemPhotos{
        width:730px;
        margin-bottom:5px;
    }

    .leftSplit{
        width:360px;
        left:0px;
        float: left;
        padding: 0 0px 0px 10px
    }

    .rightSplit{
        width:360px;
        right:0px;
        float: left;
        padding: 0 0px 0px 0px
    }

    #itemPhotos img{
        padding-bottom: 15px;
    }

    #sizeChart{
        padding-bottom:0px;
        margin: 0;
    }
  </style>

Answer 1

我看到你正在“设计” body ，尝试像 Murtaza sais 一样，添加 margin:0 auto;有这样的:

body {
     background-color: #FFF;
     text-align:justify;
     font-size:13px;
     margin:0 auto;
}

如果这没有帮助，您可以尝试将您的 html 代码包装在一个 div 中，并为该 div 设置 margin:0 auto 样式；