2010-10-13 62 views
0

我有一个问题想在我的网页来定位格,这是我的测试场地: http://dirtymind.jvsoftware.com/问题定位的div使用CSS

问题是与左边栏(一个与登录输入和东西),它目前是一个div,我使用负顶部和左边距来定位它的位置,但取决于屏幕分辨率,它向左或向右移动。很明显,这是因为我使用的利润率这是如何CSS将工作,但我不知道如何得到相同的结果,否则。

有谁知道如何将我的边栏放在关于分辨率的位置上?

感谢所有提前。

+0

对我来说这不使用浮动留在这种情况下,有效的方法。使用绝对位置代替左侧导航。 – GusDeCooL 2010-10-13 09:07:59

+0

我尝试过使用绝对和相对定位,但是我得到了同样的问题 – javiervd 2010-10-13 11:43:09

回答

0

呀什么,他说:

<div id='wrapper' style='width:800px'> 
    <div id='left-sidebar' style='width:200px;float:left'> 
    ...content... 
    </div> 

    <div id='contenedor' style='width:600px;float:left'> 
    ...content... 
    </div> 

</div> 
+0

我对此也有同感,但是我怎么能够将内容集中呢?看到以div为中心的是“contenedor”div,如果我将包装中心的页面看起来像素向右移动。 – javiervd 2010-10-13 11:46:58

+0

将内容置于另一侧的空白div的中心,与侧边栏的宽度相同: – Ben 2010-10-14 00:10:24

+0

像这样 Ben 2010-10-14 00:17:39

0

那么你已经有一个包装的地方....为什么不给它一个主要内容区域的宽度+侧栏的宽度和任何你想要的间距。那么你可以将它们都浮在左边。或者你可以将wrappr设置为相对位置(不分配位置),然后在侧边栏上使用绝对位置,并在包装​​的0点的坐标中使用punh。

+0

我也想过这个,但是我怎么能把内容居中呢?看到以div为中心的是“contenedor”div,如果我将包装中心的页面看起来像素向右移动。 – javiervd 2010-10-13 11:49:07

+0

ummm'#wrapper {margin:0 auto;}'应该居中......除非我错过了一些东西...... – prodigitalson 2010-10-13 14:16:02