CSS布局在放大/缩小时中断

时间:2012-11-04 21:55:39

标签: css

我是一名自学成才的网页设计师,拥有令人震惊的3个网站。我刚刚为一位朋友填写了网站的第一页,因此客户比“真正的”客户更耐心。

我喜欢这些网站看起来的方式,它在流行浏览器的范围内相当一致,总而言之,我为此感到非常自豪,直到我意识到一个重要的问题,说实话,距离让我放弃我的步骤只有两步之遥成为网页设计师的梦想。

使用Chrome,Safari或较早版本的资源管理器时,如果有人将缩放设置为100%以外的任何其他设置,则网站的布局会崩溃。

令我感到沮丧的是接近抑郁症。我使用了一个div围绕整个身体,页面布局,在这种情况下是一个菜单几乎完全由绝对定位的UL(无序列表)完成。

网站的构成方式是所有部分都连接起来(几乎就像一个拼图),如果某些部分不合适,那就太明显了。

我听到变焦的数字向上舍入,并且可以在这里和那里调用几个低alpha像素,但在我的情况下,一些块元素实际上是25-50像素。

http://www.stevemarcella.com

1 个答案:

答案 0 :(得分:1)

不需要让你的梦想破灭:>总有希望。

你应该做的第一件事是检查所有错误,根据验证器在主页上有536个错误。 我建议你运行验证器并逐一纠正错误。它可以解决你的问题。我注意到的第一个错误是你身体外面有一个div元素。你应该将所有内容保存在body标签内。

这是在身体之外。

<div class="wrapAroundBody" id="IdWrappingWholeBody">

希望它有所帮助。