2010-09-25 31 views
0

我有我的网站的主要内容是集中定位(见div#包装),因为它的宽度是800px。绝对位置,左侧50%,左侧裕度-400像素。作品完美。中央定位div不是很中心

然而,我的灯箱(点击客户或访客选项卡),没有集中定位。我看过Chrome开发人员工具和Firebug,并且看不到任何数字错误。我不认为这是一种光学错觉大声笑。

灯箱太靠右了。而价格匹配承诺(位于页面底部)出现并且太低。左边,上边,左边距和上边距都是由jQuery动态设置的,但评估数字看起来是正确的。正文是我的决议1280px宽,所以是文件,所以余裕成为-640px。看似正确。

有什么想法?

http://www.mymediaventure.com/about.php

+0

*“作品完美”*尝试调整您的浏览器的大小,使其小于800像素。你的页面将从左侧出去,你不能滚动看到它.. – 2010-09-25 22:09:40

+0

对不起,我不知道我很明白。调整我的浏览器窗口?我知道灯箱不随浏览器移动,但这不是我的问题。它是页面的中心吗? – 2010-09-25 22:17:51

+0

你有更严重的问题,而不是完全集中精力。你的图像突破了布局:http://imgur.com/tpwfX.png – 2010-09-26 02:33:19

回答

0

如果你想显示弹出总是在屏幕这是一个最好的例子中心..如果你没有垂直滚动条 http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/

上面的例子中的作品,如果你的页面有更多的数据,并用竖线使用其他财产这一翻译得到客户高度的整个高度......在浏览器的

上面的例子有逻辑来计算并设置在中心的弹出窗口。 我做我的proejcts的一个类似的东西,请你更多,如果这不回答你的问题

+0

我注意到这个例子的事情是,即使他们的居中方法与我的不同,它也会计算出完全相同的数字。而且,尽管我在CSS中设置了lightbox宽度和高度,但我无法(因为我不确定的原因)使用.width()和.height()函数获取这些宽度和高度。我正在使用。css,并从它们返回的字符串中解析整数。我怀疑这是问题。 – 2010-09-26 00:24:20

0

总是包括YUI复位,并指定DOCTYPE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 这些规则都是我自己的。
我认为这个问题是来自你的position: relative和负margin-left,因为,你的宽度为800px和内容需要更多!!,尝试设置overflow: hiddendiv#wrapper,看到有一些像素被隐藏,这意味着什么是错的! !

东西突然出现在我的眼睛里,这是完全错误的!

#wrapper div#content { 
    border-width:5px 1px 1px; 
    left:50%; 
    margin-left:-400px; 
    position:relative; 
    width:800px; 
} 


div#wrapper { 
    left:50%; 
    margin-left:-400px; 
    position:absolute; 
    width:800px; 
} 

为什么重新定位div#content !!为什么宽度超过800像素?记得最后的宽度是802px,因为左右边界是1px。

你有很多的坏习惯的东西我的朋友,尽量谨慎下一次的代码:)!

+0

好的谢谢。我已经清理了一下。它仍然不能解释为什么它不会居中。它看起来距离右边至少20px。并且它太低。 – 2010-09-26 01:25:34