龙的传人

设置广告位在页面正文靠右侧的方法

　　设置广告位在页面正文靠右侧的方法：这个本来是很容易就搞定的事情的，似乎不值得去写，但对于我而言却又经历了一个较为曲折的过程。

　　百度联盟的帐号申请下来后，几经尝试，发现很多格式的ADS效果都不好，一大堆毫无关联的AD文字链接放在一起，看着就令人生厌，放图片吧又嫌它太花哨。最终我看中了640*60和580*90这两种格式，前一个用来做文字链接效果不错，其中仅一条链接，且为文字居中格式，适合放在页面正上方，不足之处就是宽了一点；另一个580*90也支持仅一条文字链接，也居中的格式，但是文字偏大，放在网页中不太协调，所以我决定用它来做图片链接，放在文章正文的下方。

　　刚才讲到，640*60格式的文字广告链接要放在首页正上方，于是我进入wordPress后台，点“外观”——“编辑”，找到single.php，加入了一个div标签，如下：<div style=”float:right”>AD代码</div>，这样在IE6下就可以正常靠右显示了，虽然它的宽度超过了我的博客主题正文的宽度600像素，但因为靠右侧样式，所以看起来跟在正中差不多。

　　另外一个580*90的图片广告链接，我让它处于正文下方，即<?php the_content(); ?>的下面，同样加了div标签在联盟代码的外面，如：<div align=”center”>联盟代码</div>，这样它就可以居中显示了。

　　看起来似乎一切OK，然而我没有料到的是，表示看起来很正常的代码竟然存在一个很大的问题。好几位博友来到我的博客时，先后留言说我的博客首页显示有问题，而我看起来一切正常，也就没有引起重视，值到小熊博客有一次也说到这个问题时，我才想起把浏览器升级到IE８看一下，一看吓一跳。打开首页后，应该出现第一篇文章的位置竟然是一大片的空白，文章被挤到页面左侧的很窄的位置里面，估计用火狐看也是一样，如下图：

　　小熊提醒我可能是联盟代码放置造成的，我马上去掉了联盟的代码，首页果然显示正常了。这是怎么回事呢？肯定是div标签用得不合适！我于是去掉了代码外面的div标签，这样虽然广告位不能靠右显示，不够美观，但是起码能正常显示出来，就这样一直用到今天。

　　就在刚才，我忽然想到，能不能用另一种形式设置广告位靠右侧对齐呢？答案是有的，还是用加div标签的方法，对齐方式设为居中，代码：<div align=”right”>联盟代码</div>，这样就可以右对齐了，不论是IE6还是IE8都正常了。为什么第一种就不行呢？有可能是因为我改了header.php中的代码，去掉了一个</div>，我这样做的目的是为了使页面中间部分能使用与头部相同的背景色，没想到却带来这样的副作用。