关于天天返屋首页和内容页中部分割线显示不到底的解决方案

　　早上一打开博客，发现首页的内容区和边栏之间的分割线是显示正常的，但是在内容页就不正常了，经查看是CSS的问题，因为我设定的使用左边内容区域的右边框作为内容区和边栏的分界线。主要是main.css中61行的如下代码：

#contentleft {float: left; width: 720px; margin: 0; padding: 0px 20px 20px 20px; border-right: 1px dotted #7D6746;}

　　和位于78行的如下代码：

#sidebar {float: left; width: 220px; padding: 0px 20px 20px 20px; font:12px/18px Verdana, Arial, Helvetica, sans-serif;overflow:hidden; background:#EFEFEF;}

　　以上两段代码起到了控制作用，是设定了左右两个区域的边框显示而导致的，所以希望网页在浏览首页时调用了main.css，而到了内容页就调用另一个css文件，这样以达到让同一个区域在不同的页面下边框显示的变化！主要有两种方法：

　　第一种是我的笨办法，新建一个2.css，将以上两行代码拷贝过来，进行修改后保存上传服务器，如下面代码：

#contentleft {float: left; width: 720px; margin: 0; padding: 0px 20px 20px 20px; border-right:0;}
#sidebar {float: left; width: 220px; padding: 0px 20px 20px 20px; font:12px/18px Verdana, Arial, Helvetica, sans-serif;overflow:hidden; background:#EFEFEF; border-left: 1px dotted #7D6746;}

　　这样完成后，需要在echo_log.php内<?php /** 阅读日志页面*/ if(!defined(’emlog_ROOT’)) {exit(‘error!’);} ?>之后加入以下代码，以附加样式表！

<link href="/admin/&lt;?php echo TEMPLATE_URL; ?&gt;echolog.css" rel="stylesheet" type="text/css">

　　修改后上传到服务器替换同名文件即可实现在首页时使用边栏的左边框作为分割线，而进入内容页时就可以使用内容区的右边框作为分割线！

　　特别提示，在复制2.css后要将原先内容区的右边框设置为0，否则还会继续显示该边框！

　　方法二、是经过咨询，网友“动点创想的sprityaoyao”帮我亲手写的Php判断代码，这样，就需要两套css代码，除所修改部分不一致外，其他的要一个不能丢！先将代码复制到2.css然后，修改方法一所说的两个地方！并将2.css上传到服务器！

　　然后，修改head.php。在<link href=”<?php echo TEMPLATE_URL; ?>main.css” rel=”stylesheet” type=”text/css” />后直接加入以下代码，保存后上传服务器即可实现效果！

<!--?php if($curpage==CURPAGE_LOG) { ?--><link href="/admin/&lt;?php echo TEMPLATE_URL; ?&gt;2.css" rel="stylesheet" type="text/css"> <!--?php } ?-->

以上就是解决此问题的两个思路和方法，欢迎大家拍砖！

最后编辑：2011-06-13

作者：xindao

这个作者貌似有点懒，什么都没有留下。

站内专栏