ie6下padding属性双倍hack2012年05月05日
上次解决了ie6的margin双倍的问题,这次偶然发现padding也有IE6下CSS双倍的问题,只不过是小问题,也记一下吧。
在ie6下使用padding的话,数值乘2倍增长,其他浏览器不会!
只能用!important来调整!
例如在IE6下的x容器样式是这样。
.x{width:100px;height:100px;padding:50px;}
在IE7\8,firefox,chrome等主流浏览器中,它的总占据的宽度和高度是200X200,而在IE6中,则是300X300。
要调整兼...阅读全文
抢沙发
CSS设置图片居中的方法2012年04月29日
在CSS中经常要用到图片局中的CSS样式,那么如何设置,我们可以针对不同的浏览器来设置不同的样式,如果是应用了表格,那么设置单元格为align=”center”就可以使其中的一切内容居中。如果没有应用表格要想设置图片居中就有点困难了。困难来自不按”常规出牌”的浏览器。按照CSS标准,只要设置了图片容器的CSS属性为 display:table-cell;vertical-align:middle;text-ali...阅读全文
IE6双倍margin问题解决方法2012年04月28日
IE6已经快被淘汰了,很多人也开始不再调试IE6了,但是还是有些人在使用,针对这一群人,我们也行还要折腾IE6下的各种蛋疼的问题,margin本来是小问题的,但是本人也容易忘记,所以就在这里记下,方便以后使用。
IE6下便出现了双倍的外边距。
解决的办法:
1、在li设置“display:inline”
2、不是办法的办法,避免margin的方向与float的方向相同。例如写成这样:ul li{ float:left; margin-rig...阅读全文
Adobe CS6套装正式发布2012年04月24日
Adobe CS6都还刚用,而Adobe今天正式宣布了新一代面向设计、网络和视频领域的终极专业套装“Creative Suite 6”(简称CS6),包含四大套装和十四个独立程序。与此同时,Adobe还发布了订阅式云服务“Creative Cloud”(创意云),可让用户下载安装任何一款CS6程序。
做为整个套装的灵魂,Photoshop CS6、Photoshop CS6 Extended自然是大家最为关注的。Adobe宣称,得益于Adobe Mercury Graphics E...阅读全文
ubuntu css代码编辑器Bluefish2012年04月18日
一直想用一款在ubuntu下的代码编辑器,用于PHP,CSS,HTML之类的,于是搜索了一下Linux中的CSS编辑器,除了传统的Vim,Gedit之外,还发现了这款很棒的CSS编辑器——Bluefish。Bluefish具有许多特性,比较关键的有:启动迅速,界面简洁,远程文件编辑功能,语法高亮,代码自动补齐功能(不稳定版)等等。
Ubuntu中安装Bluefish
安装稳定版
从终端中安装Bluefish的稳定版非常简单,运行如下命令...阅读全文
div+CSS浏览器兼容问题整理2011年11月16日
CSS技巧
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 powered by 25175.net
2. margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;
例如:
相应的css为
#IamFloat{
float:left;
margin:5px;/*IE下理...阅读全文