最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

谁能帮忙开导一下浏览器兼容问题,可烦死了。_html/css_WEB-ITnose

来源:懂视网 责编:小采 时间:2020-11-27 15:50:44
文档

谁能帮忙开导一下浏览器兼容问题,可烦死了。_html/css_WEB-ITnose

谁能帮忙开导一下浏览器兼容问题,可烦死了。_html/css_WEB-ITnose:个人网站body {margin : 0;padding 0;}.top_div {margin : 0;width :100%;height : 180px;background-color : yellow;}.top_main_div {width : 960px;height : 180px;background-color : blue;mar
推荐度:
导读谁能帮忙开导一下浏览器兼容问题,可烦死了。_html/css_WEB-ITnose:个人网站body {margin : 0;padding 0;}.top_div {margin : 0;width :100%;height : 180px;background-color : yellow;}.top_main_div {width : 960px;height : 180px;background-color : blue;mar

个人网站	登陆	注册	


放在IE里是居中的,放在chrome,firefox里就偏左了,布局怎么解决浏览器兼容性的,求标准做法永久解除此类问题困扰。


回复讨论(解决方案)

我在FF和ie8下看到的都是偏左的

你在定义top_main_div的样式时,不是按照居中显示定义的,而是按照1024*768的分辨率显示的,这样肯定有误差

登陆 注册


将最外层的 div 改成 center,然后修改相应的样式表,把float和margin-left去掉,即可居中显示了,但在 XHTML 1.0 Strict DTD 中好象不支持

恩。。http://www.cnblogs.com/zhutianxiang/archive/2012/01/19/2320349.html

这个链接里有答案,要设置display : inline。

display : inline

.top_main_div {width : 960px;height : 180px;background-color : blue;margin-left : 95px;margin:0 auto;}

要居中用 marginleft 和 marginright要同时设成auto,而且不能是浮动的

个人网站 登陆 注册 

写css 要加上



....

实践多了自然就明白了。要像居中 body{margin:0px auto;} 外围的层.top_main_div{margin:0px auto;} 这个不算是bug兼容问题了,是你样式本身写法就有问题。

上面说的外围的层说错了,是新加一个最外围的层来包括所有的内部层,

学习了, 已经解决了, 谢谢大家.

文档

谁能帮忙开导一下浏览器兼容问题,可烦死了。_html/css_WEB-ITnose

谁能帮忙开导一下浏览器兼容问题,可烦死了。_html/css_WEB-ITnose:个人网站body {margin : 0;padding 0;}.top_div {margin : 0;width :100%;height : 180px;background-color : yellow;}.top_main_div {width : 960px;height : 180px;background-color : blue;mar
推荐度:
标签: 浏览器 浏览 问题
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top