跨境论坛 - 跨境电商学习交流平台,发布最新最及时的跨境电商资讯及行业头条,分享海外电商平台招商政策,店铺运营经验,跨境实用工具资源以及跨境第三方业务合作信息。
查看: 3024|回复: 2

解决织梦建站调用css文件在搜狐浏览器可能出现靠左现象

[复制链接]
发表于 2012-12-22 15:09:23 | 显示全部楼层 |阅读模式

之前在进行一个公益网站的建设,是使用织梦系统建站的,毕竟这个系统对于建站真的很方便,同时也有很多的优化作用,对于我们这种菜鸟来说是特别适合的,只需要明白其中的标签放到html代码中就可以直接调用后台的数据了。

做网站的时候习惯性的把head放在一个单独的页面,这样可以方便其他的页面调用,因为做的是小网站,所以head可以是全部相同的,而对于head的设计就是栏目+幻灯,基本就是一个企业站的雏形吧。

好了,在做好基本的分类之后,就做好首页的设计,首页的设计是最麻烦的,因为模块较多,所以只能一点点的调用,但是不会像列表页一样出现错位或者css冲突,在。如下图:

这是列表页出现的靠左现象,在IE和搜狗等浏览器中是没有这个现象的,但是在火狐的浏览器、谷歌的浏览器会出现这种情况,百度了一下,发展这是网站的css代码不符合规范,因为列表页需要图片的横向分列排布,需要调用<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />这一个CSS,打开这个CSS文件将会发现这一段代码:

*{

        padding:0px;

}        

这个*大家都知道是什么吧,就是全局,对整个页面都会产生影响,只要有调用这个css文件的就会直接调用这段代码,所以我们可以在后面加上一段代码,使之自适应,整段代码如下:

*{

        padding:0px;

        margin:0px auto;

}        

这样之后测试,在火狐和谷歌上都没有出现任何的错位,不过之前及时没有添加代码在某些电脑上也没有出现错位,对此也很奇怪,后来这个朋友也跟我说了这个问题,说是他的火狐上安装了firefoxbug的这个插件,具体是不是我也不清楚,但是我觉得写好css代码对于网站的设计还是很重要,更重要的是实现兼容,网站的建设并不是做完就算,更需要的测试调整,积极改进发展的问题。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
发表于 2012-12-24 17:04:39 | 显示全部楼层
原来是CSS浏览器的兼容问题,3W标准的问题还是需要遵循,不过现在的浏览器那么多,也就只能针对其中的几个主流做CSS规划
发表于 2013-3-27 13:59:07 | 显示全部楼层
css的写法不够标准啊。不过其他的浏览器是没有问题的。之前叫别人用火狐测试过,却是没有这种问题。自己测试就有,郁闷。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们|小黑屋|发布政策|跨境外贸论坛

GMT+8, 2025-5-10 08:44 , Processed in 0.034992 second(s), 18 queries .

跨境外贸论坛 - 跨境电商学习交流社区

Powered by Discuz! X3.4

快速回复 返回顶部 返回列表