露兜博客» 故障排除

IE6下文字神秘消失

Ludou — Wed, 14 Jul 2010 13:37:52 +0000

因为最近比较忙，这两周都不怎么更新博客了。忙完之后，又开始折腾起我的博客。经常光顾露兜博客的朋友，可能都注意到露兜博客的界面又发生了很大了的变化，具体哪些变化我就不说了。折腾是要付出体力劳动的，尤其是Internet Explorer这个怪物还在这个世上横行霸道，你就别想半点清闲。

修改博客界面的时候，我在IE6下遇到了一个很诡异的问题，具体是什么问题，我都找不到词来形容，看图吧：

Internet Explorer 6.0下介绍文字消失了

鼠标指针选中消失的文字

Firefox下正常显示

可以看到图一，在Internet Explorer 6.0下，作者介绍的文字神秘地消失了，用鼠标去选择这部分文字还是存在的，但是点击到别处又消失，我在CSS中并没有隐藏这部分文字，并且除了IE6，其他浏览器都正常，这只能说是IE6的问题，想来想去都想不出这是什么原因造成。想解决这个问题吧，去网上搜索，但是我所用的大多数关键词都搜不到我想要的解决办法，幸好老天怜悯我，给了我答案：神奇IE6大bug，float导致文字消失

解决办法就是指定父容器的宽度：

1
2
3

#CONTENT {
width: 99%;
}

或者指定高度为1%

1
2
3

*html #CONTENT {
height: 1%;
}

我的解决办法是给右边的文字部分指定高度1%

1
2
3

.bio .about {
_height: 1%; /* 针对IE6 */
}

我想如果我没有找到这篇文章，我永远都不会找出导致文字消失的原因，更不能解决这个问题，感谢该文章的作者。Internet Explorer就是一个典型的程序员折磨程序员的例子，如果你也在写程序，并且你的程序会被别人用，那么请认真对待你的程序，负起你的责任，不要让别人因你而遭受苦难！

为什么自定义的404页面在IE中无法显示？

Ludou — Wed, 23 Jun 2010 12:13:56 +0000

首先我们通过以下两个链接了解一下什么是404页面：

我们再通过以下三个链接来欣赏一下精美有趣的404页面：

经过上面的学习和了解，或者之前你已经知道了404页面的相关知识，知道了设置404页面的重要性，也知道如何自定义自己的404页面了，可是突然发现自定义的404页面在 Internet Explorer 下无法正常显示（在其它浏览器均正常），遇到页面未找到的情况，直接显示Internet Explorer默认的页面：

这是为什么呢？刚开始我也找不到原因，通过搜索引擎也找不到相关的中文资料，后来在一家英文网站找到了答案：

自定义的404页面大小必须大于512字节，否则Internet Explorer会认为你自定义的404页面不够权威，Internet Explorer会使用其自带的404页面代替，也就是上面图片显示的内容。

所以，如果你想伺候好 Internet Explorer 这位大爷，请往你的404页面多添加些内容，一定要保证404页面的大小大于512字节！

最后邀你一起来欣赏一下露兜博客的404页面：404页面

为什么你的WordPress无法发送Email

Ludou — Tue, 08 Jun 2010 12:13:51 +0000

经常有人问这样的问题：

为什么在后台注册，WordPress没有给用户发送注册信息的Email？
为什么我已经安装了相关插件，但是WordPress没有给评论者发送新评论通知？

其实这都涉及到了一个问题：为什么WordPress无法发送Email？

通常这样的问题大都是博客空间引起的，而不是WordPress程序的问题。要想查清楚WordPress不能发信是不是由博客空间引起的，可以使用以下方法检测。新建一个php文件，命名为 mail.php ，打开并填上以下代码：

1
2
3
4
5
6
7
8
9
10
11

$txt = "hello";

// 以下的邮箱地址改成你的
$mail = 'somebody@example.com';

// 发送邮件
mail($mail, "My subject", $txt);

echo 'message was sent!';
?>

保存并上传至你的网站根目录，并在浏览器运行：
http://你的博客网址/mail.php

到你的邮箱查收邮件，如果收到标题为 My subject 的邮件，说明你的空间支持mail()函数发送邮件，也就是WordPress默认的发信方式。如果未收到任何邮件，说明你的网站空间不支持mail()发信，这也就是为什么WordPress无法发送邮件的原因了，找你的博客空间客服谈谈吧。

谷歌浏览器不支持css文件使用@charset "utf-8";

Ludou — Tue, 16 Mar 2010 13:28:46 +0000

今天测试网页的时候，发现网页在firefox和ie各版本下都显示正常，但是换了谷歌浏览器chrome，原本好好的网页一下子面目全非，仔细检查了css文件和html，并没有发现什么错误的地方，原本使用的css sprite也无法正常运行，所有图片都显示不出来了。

最终鼓捣鼓捣，去掉了css文件中的编码声明@charset "utf-8"; ，噢！一切正常了！

这是一个比较诡异的问题，有些CSS添加编码声明显示是正常的，而有些就不正常，莫非是chrome的bug？

html代码正常，在IE下却完全空白！

Ludou — Thu, 11 Mar 2010 11:42:16 +0000

今天测试一些网页，发现有个页面在firefox显示很正常，在ie的任意版本下却一片空白，查看一下源代码，发现里面有完整的html源代码而且没有错误，很是奇怪为什么经过ie解释就变成空白了呢？

分析原因与解决方法：页面字符集定义与title的位置顺序往往会导致这个问题，正确的做法是先定义页面字符集，再写title，不过这个问题好像是随机发生的，有些页面不管相对顺序怎样变化都显示正常，及时title中已经出现中文。下面的是两个正误示例。

错误写法：

1 2	<title>露兜博客</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

正确写法：

1 2	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>露兜博客</title>

WordPress升级错误:Fatal error: Maximum execution time …

Ludou — Sun, 28 Feb 2010 08:04:46 +0000

今天在给本地做测试用的WordPress博客升级的时候，出现以下错误：

Fatal error: Maximum execution time of 30 seconds exceeded in x:\phpdocs\wp\wp-includes\http.php on line 1024

错误原因:

博客数据库中的数据量太大，导致程序执行时间过长；
博客所使用的服务器设置做了限制，php.ini 中缺省的程序最长执行时间是 30 秒，程序若执行超过30秒，就会被系统终止。

解决办法：

如果是自己的服务器，可更改php.ini中的max_execution_time数值，数值大小自己选择，改到错误不出现为止，默认是30，现在我改成300 ；
如果使用的是虚拟主机，可以在主机根目录下的.htaccess文件中设置（如果没有该文件，可以新建一个），在.htaccess文件中加上php_value max_execution_time 300，300这个数值单位为秒，请仔细斟酌更改；
在wp-includes\http.php中添加该语句：
set_time_limit(300); //0为无限制
或者在wp-includes\http.php中添加该语句：
ini_set('max_execution_time', '300');

margin-bottom解决图片文字不对齐的问题

Ludou — Thu, 25 Feb 2010 11:59:00 +0000

我们在做网页的时候，会遇到一个图片和文字位置对不齐的问题。(一般表现为图片总是比文字高点)，如下图，“我的联系方式”是文字，后面的email是图片：

解决问题最好的办法：

一个关键的属性: margin-bottom 通过修改图片的外边框的底部高度就可以让文字移动上来，做法是把这个值设置为负数。例如我们高度为22像素的图片设置它的style="margin-bottom: -4px" 这样文字和图片就居中了。这个值随着图片的大小不同而改变，具体的大家测试一下就知道了。下面是我更改后的效果：

本文转载自： DIV+CSS解决图片文字对齐的问题
版权归原作者所有！

css的背景图片在ie下不显示在Firefox下可以显示？

Ludou — Thu, 11 Feb 2010 15:25:14 +0000

初衷是想给这个提交按钮加上背景图片，用了以下css样式：

1
2
3
4
5
6
7
8
9

.subtn input {
background-attachment: scroll;
background-image: url(images/btn.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 20px;
width: 60px;
border-style: none;
}

但是不知道是怎么回事，在Internet Explorer 6、7、8中皆无法显示该背景图片按钮，依然是默认的按钮形式，而在Firefox和Chrome中皆可以正常显示，可以排除图片链接的有效性，尝试修改了很多次都没有成功。后来使用background简写属性，在一个声明中设置所有的背景属性，在Internet Explorer居然可以正常显示了：

1
2
3
4
5
6

.subtn input {
background: url(images/btn.gif) no-repeat scroll 0px 0px;
height: 20px;
width: 60px;
border-style: none;
}

刚开始我在想是不是我的网页代码存在特殊性，其他代码可能影响了该样式，但是后来我单独新建了一个.html，里面只写了个form，一个输入框，一个提交框，在使用上面的background属性分开写的css属性后，结果问题依旧，可以说明这是一个普遍性的问题！CSS文档中有提到：

通常建议使用简写属性，而不是分别使用单个属性，因为简写属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

但是我想现在的问题已经不是浏览器版本老的问题了，而是Internet Explorer的问题了。

WordPress升级错误解决：Fatal error: Allowed memory size of

Ludou — Sun, 08 Nov 2009 14:20:22 +0000

每次WordPress出新版本，我向来都是等到所有小白鼠都死光了才开始升级的，这次等了三个星期，升级的小白鼠差不多也死光了。

不过这次把给我的WordPress程序从2.8.4升级到2.8.5的时候，我也当了一回小白鼠。在后台点击“自动升级”，就出现了以下错误提示（可能数字跟你的不太一样）：

Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 2354671 bytes) in /../wp-includes/http.php on line 1327

以前也是自动升级的，没出现过这样的问题，我的网站空间估计也没什么问题，还好之前已经有小白鼠因为这个问题而死掉了，我幸存下来了，具体解决办法有三：

在WordPress的安装目录下新建一个.htaccess文件（已存在就不用新建了），在文件内填上: php_value memory_limit 64M
在 wp-config.php 文件的 define ('WPLANG', '');下一行添上:
define('WP_MEMORY_LIMIT', '64M');
wp-settings.php，编辑这个文件，修改define('WP_MEMORY_LIMIT', '32M');为define('WP_MEMORY_LIMIT', '64M');

以上第二种方法在我的博客上测试成功，第三种方法是官方文档提供的解决方案，你可以根据自己的喜好选择一个方法解决你的问题。祝你成功啊！再不成功就是你的主机限制问题了。

Ubuntu下vimtutor乱码的解决方法

Ludou — Thu, 24 Sep 2009 12:51:50 +0000

操作系统：

Ubuntu Linux 8.04

故障描述：

vimtutor是vim编辑器自带的入门教程，刚开始在终端中输入vimtutor的时候，出来的中文教程页面全是乱码！

解决办法：

     要使用vimtutor，首先得确定你的Linux系统中已经安装了Vim，原始系统中安装的是简易版的Vi。另外要确定你的Linux系统是中文版的，英文版的系统不会自动安装中文版的vimtutor。vimtutor中文之所以乱码，是因为vimtutor并没有提供UTF-8编码的文件。我们需要做的，就是用 gedit 打开/usr/share/vim/vim71/tutor/tutor.zh.euc文件，然后另存为UTF-8格式，替换原有文件就OK啦！
     你可以在终端中输入命令打开文件，具体命令是:
     sudo gedit /usr/share/vim/vim71/tutor/tutor.zh.euc

学习使用vim最好的方式是使用她。您可以通过内置的vim教程来学习vim的基本使用，只需要在终端中输入vimtutor (有的系统中可能是vim-tutor).如果你想在中文系统中看英文原版的vimtutor，可以使用命令：vimtutor rf ，即在vimtutor 后面接任意字符。