今天客户电话打过来说他IE浏览器更新到IE8.0打开刚做的网站发现错位，靠左明明是居中的，但是之前小蔡也碰到过同样的问题，所以我根本不担心。一般写DIV+CSS都基本经过IE6.0，IE7.0还有火狐浏览器测试过了，因为用的人比较多都没发生错位情况，用IE8来打开网站，发现错位很严重，包括首页，列表页，文章页等，都严重的错位。 之后两天没敢用IE8.0打开网站，我多么希望现在用IE8的人不会太多，就不会有太多人发现网站错位问题。后...
（经验）DIV+CSS解决IE6，IE7，IE8，FF兼容问题 那我来说说吧，做了差不多一年的DIV+CSS，也积累了不少解决兼容问题的方法，我这里只说现在主流的几个，（IE6，IE7，IE8，FF）其它的没去研究过1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 2.flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，!important解决，比如margin-left:10px !import...
要做到两个div在一行，就得利用float或设置总宽度之和等于小大div From: http://www.111cn.net/cssdiv/css/36717.htm
1、强制不换行，同时以省略号结尾。 你好朋友朋友朋友我为什么不能看到效果啊 2、css自动换行div{ word-wrap: break-word; word-break: normal; }3、css强制英文单词断行div{word-break:break-all;} 若是div嵌套，要使内层div根据内容自动换行，则可只设置外层的div宽，和 white-spance:nowrap即可。 word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行 它们的区别就在于： 1，word-br...
在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！ 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 一、CSS 兼容 以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐，用下面的一种感...
在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。方法整理来源于万福的网络。 1、将图片转换为块级对象 即，设置img为： display:block;在本例中添加一组CSS代码： #sub img {display...
当一个DIV容器中的所有对象都设置了float属性后，容器不能自动适应高度。 解决的方法有两个： 在容器的最后添加一个空的DIV标签，设置其样式clear:both，然后隐藏这个DIV。 设置容器的样式overflow:hidden/auto以及zoom:1(zoom属性是为了兼容IE6)。
开始学习网页的布局的时候经常遇到这个问题，现在网上copy人家的文章贴到这里来吧！希望能有帮助。 经常我们用DIV+CSS建站的时候，发现在IE6,IE7,Firefox里面显示经常一塌糊涂，而在外贸网站建设中，因为浏览着对象是国外，Firefox的市场份额很大，为了让我们的客户能看到一个完美专业的显示效果，所以Firefox必须考虑！ 以下是一些常见问题和解决方法 1、居中问题 div里的内容，ie默认为居中，而ff默认为左对齐。 使ff内容...
1、一般情况下DIV居中失效是因为没写DTD语句 在页面的最上方加上： ＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞ 就可以了！其实其他很多css的问题也是因为没有加上dtd语句引起的。 2、使用margin来让DIV居中 最简单的写法就是： .divstyle{ margin:0 auto; } 复杂一些就把左右边距都加上： ....
CSS2.0盒模型层次平面示意图和3D示意图 3像素问题及解决办法 当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考例29、31的解决方法。 上边容器浮动后，下边的容器跟着浮动，造成页面错乱 如以上例子中的footer必须要单独占一行，但当sidebar浮动后，content的高度小于sidebar的高度时，...
在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！ 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 一、CSS HACK 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE...
使用DIV+CSS布局网页后，容器内的文字不可选择的解决方案，如无法选择DataList控件中的文字 痛苦了很久搜到一个有效方法，很简单。 加height:100%;就行，在css里面加也可以 html, body { height:100%;} div { position:absolute; top:100px; left:100px; width:200px; height:200px; border:1px solid red; } 定位后无法选择容器的内容解决方案 定位后无法选择容器的内容解决方案
li{ margin: 2px 3px 3px 8px; padding: 5px; background: url(/images/sider_siteinfo.gif) no-repeat 0 50%; list-style-type: none; list-style-position: inside; } 小弟,出道,人生地不熟,请各位指教 小弟,出道,人生地不熟,请各位指教 小弟,出道,人生地不熟,请各位指教 小弟,出道,人生地不熟,请各位指教 小弟,出道,人生地不熟,请各位指教 li{ margin:...
这是一个比较典型的三行二列布局，每列高度（事先并不能确定哪列的高度）的相同，是每个设计师追求的目标，按一般的做法，大多采用背景图填充、加JS脚本的方法使列的高度相同，本文要介绍的是采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。 先看代码： #wrap{ overflow: hidden; }#sideleft, #sideright{ padding-bottom: 32767px; margin-bottom: -32767px; } 实现原理： 块元素必须包含...
定义IMGimg {width:expression(document.body.clientWidth>600?"600px":"auto"); max-width:600px;} //ie6/7(情缘站长教程网 Www.XiuGoo.Com)img {max-width:600px;} //ff 本文来源于：(情缘站长教程网) 我的淘宝：http://shop58816553.taobao.com/