一个关于css兼容的问题 - ASP技术论坛

编程论坛 → WEB开发 → 『 ASP技术论坛』 → 一个关于css兼容的问题

标题：一个关于css兼容的问题

只看楼主

itit456

等　级：新手上路
帖　子：3
专家分：0
注　册：2010-8-31
结帖率：0

楼主

已结贴√ 问题点数：20 回复次数：6

一个关于css兼容的问题

有一个效果,与<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.这个代码有很大的关系.

比如:http://www.  这个是没有上面那个代码的效果,点开每个产品图,出来的图片居上,但客户想居中.

http://www.  这个是我加了上面那个代码的,图片居中了,但网页显示不正确

请高手出马解决一下!

搜索更多相关主题的帖子: css　

2010-08-31 09:58

gupiao175

等　级：版主
威　望：40
帖　子：1787
专家分：7527
注　册：2007-6-27

第 2 楼

得分:6

CSS的问题，不是一两句话就能说清楚的，不过文件头最好都加上：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.
这个，按照CSS约束规范来写！网页显示不正确，那因该是浏览器兼容问题，你把代码在FF在测试，然后在写CSSHACK去兼容IE6。7。8。如果你对CSS又不是很熟悉的话，那这个工程可是个大块头，不是一个问题就能表达完整的。

Q:1428196631，百度：开发地即可找到我,有事请留言！

2010-08-31 16:54

yms123

等　级：版主
威　望：209
帖　子：12488
专家分：19042
注　册：2004-7-17

第 3 楼

得分:6

可以用javascript来补救不需要改CSS
javascript的居中算法的代码
function alertCenter()
{
  //其中alterLayer是要居中的div的id
   var cWidth=document.documentElement.clientWidth;
   var cHeight=document.documentElement.clientHeight;
   var acHeight=alertLayer.clientHeight;
   var acWidth=alertLayer.clientWidth;
   var sLeft=document.documentElement.scrollLeft;
   var sTop=document.documentElement.scrollTop;
   alertLayer.style.left=(cWidth-acWidth)/2+sLeft+"px";
   alertLayer.style.top=(cHeight- acHeight)/2+sTop-50+"px";
}

2010-08-31 18:41

itit456

等　级：新手上路
帖　子：3
专家分：0
注　册：2010-8-31

第 4 楼

得分:0

回复 3楼 yms123

那么这个js怎么调用呢!

www.全力打造网络行业先峰，400多套精典企业和商城网站模版，任您选购！

2010-09-01 15:48

yms123

等　级：版主
威　望：209
帖　子：12488
专家分：19042
注　册：2004-7-17

第 5 楼

得分:0

function alertCenter()
{
  //其中alterLayer是要居中的div的id
   var cWidth=document.documentElement.clientWidth;
   var cHeight=document.documentElement.clientHeight;
   var acHeight=alertLayer.clientHeight;
   var acWidth=alertLayer.clientWidth;
   var sLeft=document.documentElement.scrollLeft;
   var sTop=document.documentElement.scrollTop;
   alertLayer.style.left=(cWidth-acWidth)/2+sLeft+"px";
   alertLayer.style.top=(cHeight- acHeight)/2+sTop-50+"px";
}
直接在<body onLoad里写就可以
比如
<body onLoad="alertCenter();">
就是这样。

2010-09-01 18:43

madpbpl

等　级：贵宾
威　望：11
帖　子：2876
专家分：244
注　册：2007-4-5

第 6 楼

得分:6

个人认为还是加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
这句比较好，这样符合w3c标准，兼容问题主要还是css样式的问题
对于ie主要是调试ie6和ie7，加上以下这句
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />或是
<meta http-equiv="x-ua-compatible" content="ie=7" />
如果在ie7下是正常的，ie8下肯定是正常的。实在不行，搜索一下css hack，不过这种方式不建议，尽量少用css hack比较好。

2010-09-01 18:50

itit456

等　级：新手上路
帖　子：3
专家分：0
注　册：2010-8-31

第 7 楼

得分:0

哥哥,不行呀,还是不行!

<script>
function alertCenter()
{
  //其中alterLayer是要居中的div的id
   var cWidth=document.documentElement.clientWidth;
   var cHeight=document.documentElement.clientHeight;
   var acHeight=alertLayer.clientHeight;
   var acWidth=alertLayer.clientWidth;
   var sLeft=document.documentElement.scrollLeft;
   var sTop=document.documentElement.scrollTop;
   alertLayer.style.left=(cWidth-acWidth)/2+sLeft+"px";
   alertLayer.style.top=(cHeight- acHeight)/2+sTop-50+"px";
}
</script>
<body onLoad="alertCenter();">
<div id="alertLayer">
<a href="pic/201082792763.jpg" rel="lightbox" ><img src="pic/201082792763.jpg" width="134" height="97" style="border:1 solid #ffffff" ></a>

</div>

www.全力打造网络行业先峰，400多套精典企业和商城网站模版，任您选购！

2010-09-02 19:10

参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-317269-1-1.html