对CSS苦恼中!!!

在途中 2010-08-14 01:35:06
设计了一个网站,网页布局用了CSS,出现了这样的问题,解决不了,苦恼中……

用VS2008编好网页后,调试成功,符合自己的设想,传到服务器上(系统是win2008),在服务器上浏览时也正常,但就是在另外的机器上去浏览时却变了样,真的就不知错在哪里了!!!

具体有一处是该居中对齐的,变成左对齐,一处是有一片空白的,设置了高度了,却没有了,一处是上下两块要对齐,上头那块却向左移出去,不与下面的对齐……

怎么会这样呢?(注这三个地方进行浏览时用的浏览器是一样的)
...全文
288 33 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
33 条回复
切换为时间正序
请发表友善的回复…
发表回复
pigHead_chen 2010-08-16
  • 打赏
  • 举报
回复
CSS的兼容性?
xcf007 2010-08-16
  • 打赏
  • 举报
回复
自己写的代码不兼容,就不要赖浏览器了嘛,用户选择什么浏览器是他们的权利,你做的工作就是尽量满足更多的用户正常的浏览。
zhangdeming5 2010-08-16
  • 打赏
  • 举报
回复
每天回帖即可获得10分可用分!小技巧:教您如何更快获得可用分
cfesc9 2010-08-16
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 whb147 的回复:]

应该是浏览器的原因
[/Quote]
非常同意!
  • 打赏
  • 举报
回复
系统是win2008

这是个什么系统???
Adechen 2010-08-15
  • 打赏
  • 举报
回复
搞css是最头疼的,要兼容各主流浏览器,和不同版本的差异
loveheronly 2010-08-15
  • 打赏
  • 举报
回复
是啊。。有的浏览器对样式就不一样
aimyray 2010-08-15
  • 打赏
  • 举报
回复
用css做下自适应吧
hzq1074 2010-08-15
  • 打赏
  • 举报
回复
在最后</form>前加</center>
hzq1074 2010-08-15
  • 打赏
  • 举报
回复
有的问题不是css就能解决的,如果怎么都不居中,你可以试试在<form>后面加<center>,在最后</form>前加<center>,这样肯定能居中,你的问题我遇到过,当初我以为在css里面把text-align:center就行了,后来发现不可以。
熊哥club 2010-08-15
  • 打赏
  • 举报
回复
浏览器兼容问题·······跟楼主同样的情况 到现在还没解决呢···
  • 打赏
  • 举报
回复
不要因为IE8和IE7长得像就分不清了,IE8不开兼容CSS是不太好弄
在途中 2010-08-14
  • 打赏
  • 举报
回复
居中问题baidu了很多,终于使用 <center> </center>解决。

虽然搞定了,但听说<center> </center>又要过时了,真晕!

准备散分
R_zhanche 2010-08-14
  • 打赏
  • 举报
回复
css有时候就是比较诡异 耐心的调试吧 没有其他办法
曲滨_銘龘鶽 2010-08-14
  • 打赏
  • 举报
回复
ie8 开兼容模式吧
huangwenquan123 2010-08-14
  • 打赏
  • 举报
回复
浏览器兼容问题,在排版时就要测试浏览器兼容了
beyond_me21 2010-08-14
  • 打赏
  • 举报
回复
浏览器版本不一样,主要是IE6不兼容,万恶的IE6
kkbac 2010-08-14
  • 打赏
  • 举报
回复
[Quote=引用 8 楼 sshjoin 的回复:]

差不多是浏览器的问题了,win2008的IE是7版的,我另外的机器都是IE8的。

原先CSS有一句 float: left; 可有可无,去掉后一些地方就显示确了,

但还有一个居中改了好久都不行,不知要如何解决?

居中这要怎么写,还是有别的办法?
[/Quote]

版本不一样啊.
flyerwing 2010-08-14
  • 打赏
  • 举报
回复
这跟使用的美工有很大关系,建议换个能做全兼容的美工!
呵呵
mycjzlove 2010-08-14
  • 打赏
  • 举报
回复
头痛,又是浏览器问题,杯具。。。。。。。。。
加载更多回复(12)
您是否还为花几个小时,甚至几天对网页效果图进行切片、制作DIV和CSS而烦恼? 您是否还为完成紧急任务,而人手不足而苦恼? 您是否还为快速展示、快速开发、快速成交而苦恼? 您是否还为制作标准的div+css,反反复复的调试而苦恼? ........ 用本软件吧,只需要导入效果图,拉框线就可以生成标准的兼容性的DIV+CSS,是公众号开发、手机网页开发、平板网页开发、网页制作,网页切片、企业网站、门户网站网页布局开发、批量做模板的最佳工具。 好的工具可以让您事半功倍,还等什么呢,赶快行动吧! 您是否还为花几个小时,甚至几天对网页效果图进行切片、制作DIV和CSS而烦恼? 您是否还为完成紧急任务,而人手不足而苦恼? 您是否还为快速展示、快速开发、快速成交而苦恼? 您是否还为制作标准的div+css,反反复复的调试而苦恼? ........ 用本软件吧,只需要导入效果图,拉框线就可以生成标准的兼容性的DIV+CSS,是公众号开发、手机网页开发、平板网页开发、网页制作,网页切片、企业网站、门户网站网页布局开发、批量做模板的最佳工具。 好的工具可以让您事半功倍,还等什么呢,赶快行动吧! 软件具有以下特点: 软件自动对齐切片,保证切片准确无误 可手工进行细调,灵活多变 可保存设计文档,以便下次使用 多个批量操作菜单,快速方便 自动升级,功能自动增强 一次注册,终身服务 支持IE6、IE7、IE8、IE9、火狐、谷歌浏览器、360浏览器、搜狗高速浏览器、傲游浏览器、腾讯TT浏览器、苹果浏览器、世界之窗浏览器等等现在常用的浏览器 一个好的软件,几分钟就可以搞定几个小时、甚至几天的工作,高效快捷,您还等什么呢,赶快下载试用吧! 软件具有以下特点: 软件自动对齐切片,保证切片准确无误 可手工进行细调,灵活多变 可保存设计文档,以便下次使用 多个批量操作菜单,快速方便 自动升级,功能自动增强 一次注册,终身服务 支持IE6、IE7、IE8、IE9、火狐、谷歌浏览器、360浏览器、搜狗高速浏览器、傲游浏览器、腾讯TT浏览器、苹果浏览器、世界之窗浏览器等等现在常用的浏览器 一个好的软件,几分钟就可以搞定几个小时、甚至几天的工作,高效快捷,您还等什么呢,赶快下载试用吧!
您是否还为花几个小时,甚至几天对网页效果图进行切片、制作DIV和CSS而烦恼? 您是否还为完成紧急任务,而人手不足而苦恼? 您是否还为快速展示、快速开发、快速成交而苦恼? 您是否还为制作标准的div+css,反反复复的调试而苦恼? ........ 用本软件吧,只需要导入效果图,拉框线就可以生成标准的兼容性的DIV+CSS,是公众号开发、手机网页开发、平板网页开发、网页制作,网页切片、企业网站、门户网站网页布局开发、批量做模板的最佳工具。 好的工具可以让您事半功倍,还等什么呢,赶快行动吧! 软件具有以下特点: 软件自动对齐切片,保证切片准确无误 可手工进行细调,灵活多变 可保存设计文档,以便下次使用 多个批量操作菜单,快速方便 自动升级,功能自动增强 一次注册,终身服务 支持IE6、IE7、IE8、IE9、火狐、谷歌浏览器、360浏览器、搜狗高速浏览器、傲游浏览器、腾讯TT浏览器、苹果浏览器、世界之窗浏览器等等现在常用的浏览器 一个好的软件,几分钟就可以搞定几个小时、甚至几天的工作,高效快捷,您还等什么呢,赶快下载试用吧! 特别注意:本软件快速切片有一定的规范,请按操作手册进行切片,如有不清楚的地方,请和客服人员联系! 本软件的切片基本规则:在大框里切小框,一层一层地深入。
网页雪碧图制作专家v1.0 是一款辅助网页开发、快速合成雪碧图的实用型工具软件。   网页雪碧图制作专家的界面非常简洁、操作方便、功能强大。   可减轻广大Web程序员或网站网页设计爱好者制作雪碧图时的苦恼、愉快地享用CSS雪碧图网页开发技术。   在网页使用雪碧图技术,有如下优点:   1.减少加载网页图片时对服务器的请求次数;   2.提高网页的加载速度;   3.更换风格方便。只需在一张雪碧图上修改其的素材图片,整个网页风格就可以改变;   4.避免网页元素上鼠标滑动效果的一些bug。   当前,雪碧图技术被广泛应用。无论是BAT、谷歌微软亚马逊等的网站,还是小的个人博客,都能见到它的身影。   网页雪碧图制作专家 主要特性   1、绿色软件,无需安装;   2、安全无毒,使用放心;   3、可批量添加素材,可支持从资源管理器拖入素材;   4、灵活强大的排列和对齐功能;   5、自由托拽、灵活移动和改变大小;   6、一键生成雪碧图及CSS、HTML文件;   7、可生成三态按钮背景图、导航栏背景图,tab标签页背景图等;   8、方便的素材导出功能;   9、实用的查找功能;   10、支持设计稿的反复修改,轻松替换旧的素材(比如老板或客户不喜欢某个图标素材,要换成他们喜欢的,用本软件就对了);   11、便携式设计稿文件(*.cssbg格式),单个文件内嵌所有素材,如同photoshop的*.psd格式文件;   12、软件目录里提供了4个经典的“设计稿案例”,让您快速掌握软件的使用方法。  
在网站开发不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 百度一下,你就知道 var wpo={start:new Date*1,pid:109,page:‘superpage’} 可以打开百度,右键查看源码看下!我们可以看下文件头是否存在这样一行代码! 这句话的意思是强制使用IE7模式来解析网页代码! 在这里送上几种IE使用模式! 2. Google Chrome Frame也可以让IE用上Chrome的引擎: 3.强制IE8使用IE7模式来解析 //或者 4.强制IE8使用IE6或IE5模式来解析 5.如果一个特定版本的IE支持所要求的兼容性模式多于一种,如: 二.设定网站服务器以指定预设兼容性模式 如果服务器是自己的话,可以在服务器上定义一个自订标头来为它们的网站预设一个特定的文件兼容性模式。这个特定的方法取决于你的网站服务器。 录入,下列的 web.config文件使Microsoft Internet Information Services (IIS)能定义一个自订标头以自动使用IE7 mode来编译所有网页。 另外还有一起其他的解决方案,例如google的 ie7 – js是一个JavaScript库(解决IE与W3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题,并使得透明PNG在IE5、IE6下正确显示。 使IE5,IE6兼容到IE7模式(推荐) 使IE5,IE6,IE7兼容到IE8模式 使IE5,IE6,IE7,IE8兼容到IE9模式 解决PNG显示问题 只需将透明png图片命名为*-trans.png 需要注意的是:此方法对背景平铺(background-repeat)和背景(background-position)无法起到任何作用,默认会占满整个容器

62,244

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧