2012-01-07 82 views
0

我已经完成了ebay的一个页面,我已经在资源管理器,Safari,Firefox中进行了测试,并且一切正常。但是由于某些原因,当我将代码转储到eBay并预览它时,页面将显示在左侧。我尝试过使用不同类型的CSS进行各种搜索,但我一直无法找到解决方案。因此,我在这里。有人可以澄清一下我做错了什么。使用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> 
+0

因为我们完全没有意识到你的问题,我只是假设它。你可以为所有的HTML取一个主Box容器,并给它css'style:margin:0 auto'它会将你的Box放在中间。 – Murtaza 2012-01-07 08:21:23

+0

你使用的是什么样的定位?相对?绝对?固定? – user978122 2012-01-07 08:36:13

回答

0

有很多方法,你可以在它的父容器中心的元素:

  1. 使用margin: auto;技巧是最简单的方法。
  2. 使用绝对定位的对象,与确定的高度和宽度,内部相对或绝对定位的父:

    #parent {position: relative;} 
    #child 
    { 
         position: absolute; 
         height: 300px; 
         width: 300px; 
         top: 0; 
         right: 0; 
         bottom: 0; 
         left: 0; 
         margin: auto; 
    } 
    
  3. Using 50% margin for objects with unknown width and height

1

我看到你是“造型”的身体,尝试,以及Murtaza赛车,以添加保证金:0汽车;有这样的:

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

如果不帮助你可以尝试在一个div和风格,以保证金的div包裹你的html代码:0汽车;

+0

这是不够的。容器(例如div)需要一个宽度,然后指定'margin:0 auto'。 – jackJoe 2012-01-23 12:52:05

+0

是的,我想添加它,但为时已晚......对不起。 – rodedo 2012-01-24 15:02:01