网站看起来放大了负载

时间:2012-07-07 22:17:07

标签: javascript html css

我正在为我的网球俱乐部建立一个网站:http://users.aber.ac.uk/dwd/aut/

任何人都可以告诉我它为什么看起来放大并向右推?单击查看源以查看HTML / CSS / Javascript,以便在评论主题中发布。

如果缩小一次那就是网站应该是什么样的。

任何想法的家伙? 丹

4 个答案:

答案 0 :(得分:3)

您已将内容设置为具有高于平均宽度的内容,并且绝对距离页面左侧有一定距离。

答案 1 :(得分:1)

它看起来不平衡,因为它没有正确地居中对齐(如果你使用Ctrl + - 快捷方式它变得更加明显)

如果您从position: absolute;移除#wrapper,则会正确显示我的中心位置(在Chrome中)

答案 2 :(得分:0)

从正文CSS中删除字体大小,然后从#wrapper div中删除position: absoluteleft: 12em

答案 3 :(得分:0)

其他人已经指出了为什么会这样。不过,这里还有一些要点:

  • 要真正居中容器,请在边缘X / Y轴上使用auto的值。你现在正在这样做,但是你已经指定了绝对定位这一事实正在削弱它,所以删除后者

  • 顺便提一下,您当前的中心尝试可能会在您的屏幕上运行,但是在不同的分辨率下它不会,因为您实际上只是将页面向右撞击任意数量的像素

  • 虽然目标分辨率是每个网站设计师必须为他/她自己决定的,但标准是使页面工作在1024 * 768.您的页面容器当前宽度为1024像素,还有一个32px填充添加到任意一侧。要么减小宽度,要么利用CSS属性box-sizing,这意味着任何指定的填充都会占用元素的宽度,而不是添加到它中