分类: CSS预览模式: 普通 | 列表

解决IE6/7/8/Firefox模板设计的兼容问题

很多做模板的朋友经常碰到的苦恼,Firefox/IE8/IE7都OK了..但是用IE6一看.不堪入眼啊…

1.让模板兼容IE7可以在<head>里面插入以下代码:
<meta http-equiv="x-ua-compatible" content="ie=7″ />

查看更多...

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2207
例如:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能处理自动换行,将表格伸的很长很长,而汉字字符却可以自动换行。


原因是:
英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。


解决办法:
用表格把要显示的内容装起来。
在<table>标签中加入“style='TABLE-LAYOUT: fixed'”,
在需要强制单词换行的<td>标签中加入“style='word-WRAP: break-word'”。
这样就可以了。

 

 

      Div 中 :  

 

查看更多...

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2173
IE6的BUG,margin在碰到float时会距离会加倍
解决方法是多加一个CSS定义:display:inline;

用margin-left:11px !important;margin-left:5px;这样的方法也能结局使用margin时候的浏览器兼容性问题
但是要是margin的距离加倍问题只是在边界的时候才能发生

查看更多...

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2140