`
sillycat
  • 浏览: 2552524 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

调试页面遇到CSS在IE和FF上的兼容问题

    博客分类:
  • UI
阅读更多
1.DOCTYPE 影响 CSS 处理

当层无法运用margin:0 auto居中问题的解决!

如果无法运用<div style="margin:0 auto">....</div>来设置层居中.出现这样问题可能是没有定义hmlt的dtd,html向标准化的xml演变的过程是需要时间的,所以有三个dtd版本,我们现在用的最多的就是过渡期的dtd

这三个分别是

1,过渡型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2,严格型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3,框架型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

如果对css 2.0标准不太熟悉不要使用严格型的dtd.我们现在使用过渡期的就行了!


在网页最顶剖加上

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


我在sitemesh中使用的时候,就必须把

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这句话,放置到decorator的布局文件里面:

<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8"
contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
   <title><decorator:title default="特斯通" />
   </title>
   <%@ include file="/common/metaNew.jsp"%>
   <decorator:head />
</head>
<body>
   <div id="container">
   <div class="header">
    <%@ include file="/common/headerNew.jsp"%>
   </div>
   <div class="content">
    <decorator:getProperty property="page.heading" />
    <decorator:body />
   </div>
   <div id="footer">
     <%@ include file="/common/footerNew.jsp"%>
    </div>
    <br clear="all" />
   </div>
 
</body>
</html>
分享到:
评论

相关推荐

    IE和FF兼容问题

    ### IE和FF兼容问题详解 #### 一、引言 随着互联网技术的不断发展与普及,网页设计者们面临着越来越复杂的浏览器兼容性挑战。在众多浏览器中,Internet Explorer(简称IE)与Firefox因其庞大的用户基数而成为了...

    针对IE67FF的兼容CSS编码 免费下载

    在Web开发的早期阶段,浏览器的兼容性问题是一大挑战,尤其是在处理Internet Explorer(IE)6和7以及Firefox浏览器之间的差异时。本文将深入探讨如何通过特定的CSS编码技巧来确保网页在这些浏览器中的正确显示,同时...

    DIV+CSS设计时IE6、IE7、FF 与兼容性有关的特性

    然而,不同浏览器对CSS的支持程度并不完全一致,尤其是在IE6、IE7和Firefox(FF)之间,存在诸多兼容性问题。本文将深入探讨这些浏览器之间的差异以及解决策略。 首先,对于CSS兼容性问题,一种常见的解决方案是...

    css浏览器兼容写法

    最后,对于IE8,由于它在某些方面与IE6和IE7有显著不同,可能需要使用开发者工具进行调试,通过不断测试和调整,确定哪些CSS规则需要为IE8单独编写,以实现最佳的兼容性效果。 总之,处理CSS浏览器兼容性问题需要...

    同浏览器CSS样式兼容问题

    在网页开发中,CSS样式兼容问题是一个长期困扰开发人员的难题。不同的浏览器,尤其是Internet Explorer(IE)和Mozilla Firefox,由于对W3C标准的支持程度不同,会导致同一份CSS样式表在各个浏览器中呈现出截然不同...

    如何解决ie兼容性问题

    在网页开发过程中,IE(Internet Explorer)浏览器的兼容性问题一直是一个挑战,尤其是在多个版本共存时。为确保网站在不同浏览器上呈现一致的效果,开发者需要采取一系列策略来解决这些问题。以下是一些解决IE兼容...

    IE6,IE7,FF等浏览器不兼容原因及解决办法

    在网页开发过程中,浏览器兼容性问题常常困扰着开发者,尤其是IE6、IE7以及Firefox(FF)等浏览器之间存在的差异。这些差异主要源于各浏览器对Web标准的不同理解和实现,导致CSS样式、JavaScript语法以及DOM...

    弹窗式日期控件兼容IE 6.0、7.0和 FF 2.0浏览器

    "弹窗式日期控件兼容IE 6.0、7.0和FF 2.0浏览器"这个主题涉及到的是一个专门针对老旧浏览器优化的前端技术问题。以下将详细讨论这个知识点。 1. **弹窗式日期控件**: 弹窗式日期控件是一种常见的UI组件,当用户...

    (十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法.docx

    【CSS兼容性问题详解】 在网页设计中,CSS(层叠...同时,测试工具如BrowserStack或IE Tester可以帮助开发者在多种环境下检查和调试CSS样式。理解和掌握这些技巧,能帮助开发者编写出既美观又具有良好兼容性的网页。

    引用 js在IE与FF之间的区别详细解析

    首先,JavaScript调试工具对于开发人员来说不可或缺,Firefox的Firebug插件以及IE8自带的Developer Tools Bar提供了断点调试、修改CSS样式和查看DOM模型等实用功能,这些工具有助于开发者更高效地进行JavaScript代码...

    各大网站时尚网站选用的时尚导航兼容FF IE 678

    在实现兼容FF IE 678的过程中,开发者可能会遇到以下挑战和解决方案: 1. **CSS兼容性**:IE 6、7、8对CSS2和CSS3的支持有限,因此需要使用特定的hack或者条件注释来针对不同浏览器写不同的样式。例如,使用`*html`...

    图片预览(兼容FF,IE7)

    标题中的“图片预览(兼容FF,IE7)”指的是创建了一个功能,允许用户在浏览器上预览图片,这个功能同时支持Firefox(FF)和Internet Explorer 7(IE7)这两种浏览器。在早期的Web开发中,由于不同浏览器对某些技术的...

    div+CSS 兼容小摘

    上述代码段使用了IE特有的条件注释,可以针对性地加载不同的CSS文件来解决IE7和IE6及其以下版本的兼容性问题。 #### 三、浏览器对实际像素的解释差异 - **IE/Opera**:对象的实际宽度 = (margin-left) + width + ...

    ie6ie7ie8共存以及Firefox浏览器CSS兼容写法

    在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIVCSS设计的网,就应该更注意IE6IE7FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!Java中文网海量权威开发资料,欢迎游客会员...

    浏览器共存(ie6,ie7 ff)

    与IE6和IE7相比,Firefox通常能更好地支持HTML5、CSS3和JavaScript等现代Web技术,因此在开发过程中需要特别关注Firefox与其他浏览器的兼容性。 要实现浏览器共存,开发者需要采用一系列策略: 1. **渐进增强**:...

    支付宝生活助手导航代码兼容FF IE6789 等主流浏览器

    支付宝生活助手导航代码是专为实现跨浏览器兼容性设计的一款前端解决方案,主要目标是确保在Firefox(FF)、Internet Explorer(IE)的6、7、8、9等版本中都能正常运行。这一技术难点在于不同浏览器对HTML、CSS和...

    通杀所有浏览器兼容问题

    本文将根据提供的文件信息,深入探讨和总结“通杀所有浏览器兼容问题”的关键知识点,主要围绕div、css以及浏览器兼容性的常见问题与解决方案展开。 ### 一、基础知识重置 #### 1. CSS Reset 为了解决浏览器默认...

Global site tag (gtag.js) - Google Analytics