您的位置：首页 > 运维架构 > 网站架构

一个新的网站美工的经验关于浏览器兼容（请大家多多补充）

2013-08-28 17:13 441 查看

前几天做了一个网站，因为浏览器兼容问题，甚至不同的浏览器排版都乱了。我用的默认浏览器是火狐。下面讲一下怎么处理兼容的问题。测试浏览器兼容我用的有两种。一个是ie texter 、一个是multibrowse。ie浏览器当你用float: left 时如果和margin-left 一起用ie6会出现双倍边距。ie浏览器都有一个3像素偏移Bug.firefox是最不容易出现不兼容的。反正记得各种兼容问题都可以用css hack 去解决。就是在css里写几行css hack。

例如：height:180px; 

height:180px\0; 

*height:180px; 

_ height:180px; 

一般都是padding,margin不兼容。各个浏览器读出的数据不一样。

做网站的美工你可能还需要以下这几种工具。DW8、ps8、fireworks、Adobe Acrobat X Pro、FSC、序列号在网上都可以搜到。这样就解决了试用期一个月的问题。

有时候出现大家做完网站，后台和前台没法整合，前台和前台没法整合，因为命名不规范。这就需要我们在做网站之前先协调一下文件夹命名以及框架的搭设。这样后期整合、维护等都是非常方便的。下面说一下我个人的前台文件夹命名。把 css html js jsp images 这5个文件夹放到一个文件夹了，取名为项目的名字。这样你用DW8搭设站点的时候就会很省功夫。所有的css文件都放到css文件夹里，剩下的也是各归各类，这样你路径统一了，改东西就不用管代码里的路径了。写的时候用静态html写，完成之后把html代码复制到jsp文件里，传给后台，就解决了html静态网页在后台出错的问题了。

网站头部和尾部做完之后一般重用性比较高，这就需要iframe引入。但是有时候iframe没设置属性就会出现显示不正常的情况。加上下面的属性就解决了显示不正常的问题。但是如果你想让头部和尾部显示到中间，两边留白呢？这就需要你加上一个顶级容器，如下面的代码，有一个container样式，里面的样式：

#continer{ margin:0px auto; text-align:center;}

这样就能居中显示了。另外，尽量不要设全局变量，往一起融合的时候你会发现，My Good! 布局完全错乱了嘛。不错，这就是css冲突了。不是跟浏览器不兼容，而是两个人的css代码冲突了，因为全局变量。再改，你会很蛋疼，很费时间，还不好找。

<body>

<div id="continer">

<iframe name="header" src="header.html" scrolling="no" width="1100px" height="145px" frameborder="0" ></iframe>

<iframe name="footer" src="footer.html" scrolling="no" width="1100px" height="145px" frameborder="0"></iframe>

</div>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航