现在的位置: 首页 > 精彩分享 > 正文
解决点点模板中底部出现20像素高白色多余区域
2012年11月09日 精彩分享 ⁄ 共 842字 评论数 24 ⁄ 被围观 47 views+

记忆碎片-网络技术分享:

大家有没有发现,在做点点主题的时候,如果碰到主题底部和背景色不一样的情况下(其实都存在的,只是背景色一样的话,看不出效果罢了),会很明显看到底部出现一条高20px的白色多余区域,而且同样的做法,在别的模板制作过程中是不会出现这种情况的,比如wp dz等等。

记忆碎片之前模板中多余的空白

 

苏达苏塔网站底部多余的空白

 

这个问题其实纠结我很久了,他会在 “IE89、火狐11.0、Opera11.64、Chrome 14.0.835.202、Safari 4.0.4(531.21.10)”出现,而其他版本中就不会有这个问题。而且无论你给body的css怎么加margin:0!important; padding:0!important;都是毫无效果,一度让我抓破了脑袋。

所以在主题制作过程中,我就直接无视他了,因为我一直没找到解决方法,后来只能用在底部div中加上margin-bottom:-20px;这种形式来消除多余的20px。这个解决方法在DD-Atheme1.5版本中用上了,但这真是没办法中的办法。

今天晚上,我终于发现这个导致这个讨厌的多余空白区域产生的原因了。

他就是<!DOCTYPE>声明

点点默认采用的是 <!DOCTYPE html>这一种最简单的形式,而这就是问题的关键,很简单的解决方法,用另一种声明替换即可。

我采用的方法为

<!DOCTYPE html>
替换成
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

即可,这样就不需要margin-bottom:-20px;这个语句啦...

我在想 当初官方怎么没有注意到这点呢...

教训就是,以后写代码别偷懒了...(这次是点点写好了的,所以 好多人中招了...)

PS:本站的点点自定义模板功能已经恢复了,所以 又有得折腾了....

原文地址



  1. 三盏灯是左右肩头加上头顶各一盏,如果灭了就阳气衰弱。实际上你灭了一盏都容易受邪,你怎么回头也只会灭2盏



无觅相关文章插件,快速提升流量