|

这是问题之一,当我把浏览器的宽度拖到一定小时,就会发现导航栏和背景比例失调,从导航和内容的对比,看出是背景的问题,后来终于在官网的css文件中发现了问题:
- #top_bg {
- height: 168px;
- width: 100%;
- background-image: url([img]http://xyq.163.com/images/top.jpg[/img]);
- background-repeat: no-repeat;
- background-position: center;
- }
复制代码
其中,将top的背景设置成了center,造成了缩小浏览器而背景依然是居中判断。
(这里,希望把这句代码中的background写成- background: url([img]http://xyq.163.com/images/top.jpg[/img]) center no-repeat;
复制代码 )
然后,通过整个css和首页的代码对比,发现了很多错误和问题,导致仅仅把center改为left,top的背景会直接靠到浏览器的最左边。
- #body {
- height: auto;
- width: 1000px;
- }
- #body_center {
- height: auto;
- width: 1004px;
- margin-right: auto;
- margin-left: auto;
- }
复制代码
这两句明显决定整体框架的样式,却在首页中找不到相应的id,也因为这样的问题,使得顶部图片只有居中才能正常显示,不是相对#body宽度1000的居中,而是相对于浏览器的居中。
首页中的div就像是在写表格,而不是布局,这里我画了个图,希望设计师们能够在技术上把住关,重新设计下页面的代码结构。
(虽然不知道因为要推出新的官网而临时改了一下,但还是引以为鉴,推出时最好用不同的浏览器,不同的分辨率测试网站)
 |
|