[已解决]IE下无法居中CSS失效,smarty使用后页面变形

#1 jiayan41

http://work.areen.cn/index.php/page/write
jake先看一下这个页面,请用IE浏览器查看,因为FF下一切正常

再看  http://work.areen.cn/index.php/page/index
使用smarty后页面CSS样式就失效了

如果上面两个还不明显,我再给你一个对比

http://work.areen.cn/index.php/post/write   分类解决方案那里使用了到smarty显示

http://work.areen.cn/index.php/user/write    这个是没有使用smarty显示PHP数据的

我的speedphp代码都是这样写的  
---------------------------------------
php: function index(){ // 这里是首页
  $this->tpl_title = "文章管理";
  $this->contents = "文章管理";
  $conditions = array("type" => 'post');
  $this->results = spClass("lib_contents")->findAll($conditions);   
  $this->display("admin/post_index.html");
}

---------------------------------------
smarty: post_index.html

<{foreach from=$results item=one}>  
  
    <{$one.id}>
    <{$one.title}>
    <{$one.count}>
    <{if $one.allowCommend == "1"}>推荐<{else}>正常<{/if}>
    <{if $one.status == "1"}>隐藏<{else}>显示<{/if}>
    <{$one.aboutId}>
    <{$one.created}>
    删!
  
<{/foreach}>

IE下经常的刷新后不显示,CSS样式失效,我已经搞了一个晚上了,看看你有没有遇到这样的问题。

2010-04-26 02:11:01

#2 jake

这是因为在你使用了PATH_INFO的页面地址后,css地址就不正确的。
所以在speedphp里面,都是推荐将css,javascript、图像等内容,使用绝对地址。比如说:


改成
/default/my.css" type="text/css" />
或者
http://example.com/default/my.css" type="text/css" />

2010-04-26 08:57:12

#3 jiayan41

问题依旧,我已经全部都改成绝对地址了
我在body里面用
把网页封闭了,wrapper里面的子类别使用了 text-align:left; 现在页面可以居中显示。但是经过smarty读取数据库解析的页面没有全屏显示
给你两个对比的网址吧,现在服务器开了。
http://work.areen.cn/index.php/page/write  网页header 100%满屏显示正常
http://work.areen.cn/index.php/page/index  网页header 上下左右没有满屏显示  异常
http://work.areen.cn/index.php/area/index   网页header 上下左右没有满屏显示  异常


现在主要的就是这个问题了,一直搞不懂是啥原因

2010-04-26 09:12:37

#4 jake

用firebug,看看是什么问题就行。

2010-04-26 09:13:55

#5 jiayan41

去掉网页的utf-8标识BOM标识即可解决。
对此 w3.org 标准 FAQ 中对此问题有一个专门的描述:
http://www.w3.org/International/questions/qa-utf8-bom
具体参看
http://hi.baidu.com/chunleishaoye/blog/item/c3505dfc4abd6e8bb801a04f.html

2010-04-26 11:33:09

#6 jake

嗯,这里提供一个去除多文件BOM的PHP代码,rip_bom.rar

放到某个目录下,运行,那么这个目录下包括子目录内的文件都会被去除BOM的。

2010-04-26 12:10:45

#7 wangsha0969

真不错,挺好用的。

2014-11-25 14:40:36