今天碰见的css问题

完成了所有的一期模板之后.终于下定决心要解决dede关于分页极度丑陋的问题了.

以往的解决方法是定义了分页中每个<a>的样式,但是由于某些情况下,会有不再链接状态的情况.那么样式就相对于他们无效了.

于是偶今天找啊找 找啊找,终于在 include 文件中 inc_archives_view 这个署名文件里找到了关于生成html之后控制分页的代码.

 

//-------------------------
//获得静态页面分页列表
//-------------------------
function GetPagebreak($totalPage,$nowPage,$aid)
{
    if($totalPage==1){ return ""; }
    $PageList = "<p class='page'>共".$totalPage."页:</p> ";
    $nPage = $nowPage-1;
    $lPage = $nowPage+1;
    if($nowPage==1) $PageList.="<p id='upage'>上一页</p> ";
    else{
      if($nPage==1) $PageList.="<a id='upage' href='".$this->NameFirst.".".$this->ShortName."'>上一页</a> ";
      else $PageList.="<a id='upage' href='".$this->NameFirst."_".$nPage.".".$this->ShortName."'>上一页</a> ";
    }
    for($i=1;$i<=$totalPage;$i++)
    {
        if($i==1){
          if($nowPage!=1) $PageList.="<a id='fpage' href='".$this->NameFirst.".".$this->ShortName."'>第1页</a> ";
          else $PageList.="<p id='npage'>第1页</p> ";
        }else{
          $n = $i;
          if($nowPage!=$i) $PageList.="<a class='page' href='".$this->NameFirst."_".$i.".".$this->ShortName."'>第".$n."页</a> ";
          else $PageList.="<p id='opage'>第<b>$n</b>页</p>";
        }
    }
    if($lPage <= $totalPage) $PageList.="<a id='npage' href='".$this->NameFirst."_".$lPage.".".$this->ShortName."'>下一页</a> ";
    else $PageList.= "<p id='npage'>下一页</p> ";
    return $PageList;
}

 

这里记录的是已经为分页添加好样式之后的.

分别用 upage代表上一页 npage代表下一页 page代表第n页 以及opage代表当前页.

 

但是在之后的修改中发现了一个小问题,我为每个id以及class定义了float:left;的浮动,生成之后再ie下浏览正常,但是到了ff下就出现问题鸟,父div竟然不随着内容变换高度,尽管我已经为他定义了height:auto;

于是偶又查啊查 搜啊搜,终于找到了解决办法...很简单.就是在这些浮动小元素的最后再加入一个元素来清除浮动.

<p style="clear: both;" ></p>

汗一个...果然是很简单的解决方法...开始没有想到过要去清除浮动,结果在这个上面浪费了10几分钟...不断的设置padding和margin属性.惭愧惭愧....

记录下来...希望同样遇到这个问题的孩子能够更顺利的解决.

azazazazazazaz!继续努力!