网站布局“打散”，在浏览器+其他一些基本的CSS问题，放大或缩小时(Website layout “

我非常新的CSS，因为它得到什么，我试图做的，现在只是设计了一个非常简单/基本飞溅或登陆页面为小型企业。

下面是该网站的URL：我的网站

现在，如果你去任何浏览器上，可以说，谷歌Chrome和你缩小或放大（CTRL - / +），你会发现，网站布局开始“掰开”在我所有的div刚开始围绕转变。我当然不希望这样，只是希望自己的网站保持不变，当人们放大或缩小，几乎像所有好的网站哈哈。

我知道你肯定有事情做与定位，但我想不出它为我们的生活和我。昨天晚上，我花了几个小时浏览类似的问题，但我自己看着办吧。

我没有张贴代码要占用更多的空间，因为我给了你，你就可以从那里取回代码的URL我假设。

我也有一些更多的，更小的问题：

1）如果你打开Chrome浏览网站，或即你会发现，之后在页面底部的“条款和条件”，该点处结束，像它应该。但是，如果你走在Firefox上，你会后的“条款与条件”注意到，背景可以这么说持续了一段时间。这是为什么，我该如何解决？

2）你会发现，在元件的不同浏览器的定位略有不同。最明显的，如果你看或Chrome / Firefox和Internet Explorer然后9，你会发现“条款和条件”以不同于铬或FF略高，因而稍有触及主体区域。有没有办法来解决这个问题？

3）什么是居中的div一个高效，有效的方法？例如，我想中心“注册”按钮，在主要内容的区域相对完全居中。香港专业教育学院非常简单，只是一直虎视眈眈，并在使用相对定位居中。什么是中心，它更准确的方法是什么？

谢谢，对不起，如果这些问题似乎有点多余。如果你需要任何东西任何澄清，我会监视像鹰这个问题。

干杯

Answer 1:

当你放大或缩小，你会遇到因为四舍五入和文本渲染的问题。这是一个好主意，以确保布局可以生存伸展位，而不打破。
相对定位是通过在＃1，因此是不可靠提到的问题的影响。
考虑使用的东西去除各种浏览器将应用性能。你可以使用一个复位，给你更多的东西可行或尝试正常化的价值观，使他们更均匀的browers之间。
对于（水平）居中，你有一些选择：
- 如果你有一个容器“文本对齐：中心”将中心是直列块或内联的所有子元素。
- 如果要居中块元素，你可以使用“保证金：0汽车”水平居中，并删除垂直空间。
- 如果要居中绝对定位的元素，可以使用“左：50％，余量左： - （ 的元件 / 2 宽度）”。

除了试图摆脱相对定位的，我建议你不要明确设置body元素的高度。一般来说，你想要的元素来管理自己的尺码，这样他们会更强劲。

如果使用“的位置是：相对”现在，因为这是你知道如何使用，我会建议您尝试使用“浮动：左”（或右），或改变显示类型（显示：inline-block的）。这可以帮助您在正确的方向开始。

Answer 2:

不知道你点1和2，但3我是来用的是下面有div我想中央，然后用width : some-percentage; margin-left : 100-(some_percentage)*0.5 ; width : some-percentage; margin-left : 100-(some_percentage)*0.5 ; ，一些百分比是我想要使用的宽度。