CSS控制DIV层固定在浏览器底部

使用CSS控制DIV层,使这个DIV层一直在浏览器底部,代码如下:

  1. #foot{
  2.   width:100%;
  3.   height:50px;
  4.   position:absolute;
  5.   top:100%;
  6.   margin-top:-50px;
  7.   background:Blue;
  8.   color:white;
  9. }

首先要设置定位为绝对定位,并设置top为100%,当div的height为N数值时,其div层就必须设margin-top为-N值。IE,FF通过测试。

WP Theme 资源收集

来自国外的免费WordPress免费主题网站
http://www.themelab.com/
http://www.wpthemespot.com
http://topwpthemes.com/

新发现一些国外地址

http://www.experts-exchange.com/

http://www.ozzu.com/zh/

[转]让Iframe自适应高度

在Iframe中显示内容时,如果内容不固定,那么就需要让Iframe来自动适应页面的高度,下面是几种方法: 继续阅读 »

著名的万能float闭合Clearfix Hack

今天在蓝色理想看到了冰极峰关于弹性流体布局的文章时候,自己对流体布局有了一个重新的认识。不过今天在这里整理的是冰极峰同学在代码里面提到的万能float闭合Clearfix Hack。 继续阅读 »

部分浏览器差异和Bug消除技巧

来源:http://www.dangbao.net/article/data/cssbug.htm

平时开发的时候经常会遇到一些Bug,做个整理和收集

CSS的优先权:style优先级大于id,id的优先级大于class。

FF下水平居中:margin-left:auto;margin-right:auto。

网页编码为UTF-8,页面注释最好用英文。

一个容器内有两个以上浮动元素注释时,容易引起IE BUG(莫名出现结尾字符)。解决方法:删除注释。

浮动+margin在IE6下出现双倍边距,display:inline消除。

IE6不支持除A标签以外的伪类。

IE下容器边框有断裂的地方,容器加上宽度或者zoom:1即可。

IE6捉迷藏bug:预览页面的内容不会出现。全选后出现。给藏起来的容器使用宽度和高度,或者设置line-height即可。

line-height和height的高度相同时,不同的字体显示是居中效果也不同。

list-style-image无法准确定位,建议使用li的背景来实现。

用vertical-align:middle来对齐文本与文本输入框。

禁用文本框中文输入法的通用方法:ime-mode:disabled。

兼容各浏览器的CSS截取字符串省略号效果

做前台开发的时候经常会遇到截取字符串的效果,可以用JavaScript或CSS来完成,这里介绍的是兼容目前多个浏览器的CSS处理方法,后期会补全使用JavaScript处理方法。 继续阅读 »

用javascript中reload方法实现刷新iframe

js中一般可通过reload()方法实现刷新iframe 继续阅读 »

婚纱照 – 忙碌而幸福的周末

今天终于和老婆拍完了婚纱照,辛苦的一个周末,两天休息的时间都在忙碌着这件事情,辛苦并幸福着。 继续阅读 »

人生第一次按这么多的手印,步入房奴族。

2008年11月19日,一个对我而言很重要的日子,今天人生中第一次买了房子 – 南光城市花园。
继续阅读 »