Question

好的，所以我试图为我的ebay列表创建一个Ebay模板，我正在解决问题，任何帮助都会非常感激。我试图将我的模板集中在我的列表的描述中，这样无论屏幕的大小如何，它都会居中。我看到其他列表有它所以我知道它可能我只是无法弄明白。

现在，实际上，列表位于页面的左侧。我需要它集中在一起。当我添加代码<div align="center">时，它在预览中工作，但是当我真正接受修改时，模板在巨大的白色海洋中丢失，你必须滚动数英里才能找到它。

我需要一些如何减小白盒的大小我添加列表以便我可以将其置于中心位置，或找出任何其他方式将其拉下来。这是带有和没有一行修订版的第一部分代码。感谢您的时间和耐心，我确实在其他线程上寻找这个并且找不到任何确切的东西，我确实尝试了一些而且没有任何效果。请帮忙！ :)谢谢！

<meta content="text/html; charset=utf-8" http-equiv="Content-Type"><title>Untitled 1</title><style type="text/css">
.auto-style1 {
background-color: #3A3428;
}
.auto-style2 {
text-align: center;
}
.auto-style13 {
background-color: #3A3428;
}
.auto-style10 {
text-align: left;
}
.auto-style12 {
text-align: center;
}
.auto-style11 {
vertical-align: middle;
}
h1 {
font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
font-size:22px;
font-weight:bold;
}
.auto-style5 {
font-size: 16pt;
}
.auto-style7 {
text-align: right;
}
.auto-style9 {
font-size: 20pt;
text-align: left;
}
.auto-style8 {
font-size: 20pt;
}
.auto-style14 {
font-size: 24pt;
text-align: center;
}
.auto-style15 {
font-size: 12pt;
text-align: center;
}
.auto-style16 {
font-size: 12pt;
}
</style><table class="auto-style1" style="text-align: center; width: 1130px; height: 2200px;"><tbody><tr><td class="auto-style2" valign="top"><table width="749" border="0" align="center" cellpadding="0" cellspacing="0" style="text-align: left;"><tbody><tr><td width="749" class="auto-style13"><img

图像源被移除，因为我是一个noob lol。

编辑：好的 - 我取得了一些进展。我继续添加了一个基于容器的代码，其长度和宽度为1200px ea。然后我输入了以Div为中心的代码，它似乎已经奏效了！但仅限于Internet Explorer ????大声笑 CRIES 它仍然是Chrome上的巨大白海，但在IE上却很完美。噢亲爱的？ :(期待一些建议 - 谢谢任何人!!

IE上的Screenie：http://gyazo.com/75a67d313f92573b81c2fe8e7fbff192

Chrome浏览器：http://gyazo.com/15c8d7455d6f2e10b968f6b09f04da69

IE非常完美!! Chrome被搞砸了???什么东西在这里大声笑。谢谢

Answer 1

你最好的办法是创建一个100％宽度的包装，然后是一个内部而不是固定宽度，边距设置为auto，并将所有内容浮动。这一直对我有用，我以此为生。浮动使iframe保持正确的高度，包装和内部使其保持居中。

<div id="wrapper">
    <div id="inner">
        <div id="header">...</div>
        <div id="content">...</div>
        <div id="footer">...</div>
    </div>
</div>

<style>
    #wrapper {width:100%;float:left;}
    #inner {width:960px;margin:auto;}
    #footer, #content, #header {width:960px;float:left;}
</style>

试图使Ebay模板居中对齐 - 但不起作用

1 个答案: