`

html 页面居中 IE Firefox

    博客分类:
  • css
阅读更多

#everything {
    width: 800px;
    margin: 0 auto;
    padding: 20px 10px;
}

 

这个是可以让页面居中的 但开始的时候只有firefox居中了 IE6 8都没有居中

 

后来发现问题出在   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

换成下面的IE就可以居中了

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

 

 

 

图片  居中 

 

 

.wallpapers {
  1. width100;
  2. text-aligncenter;
}


<div class="wallpapers">
                            <span><img src="xxx.jpg" /></span>
                        </div>

 

分享到:
评论

相关推荐

    网页设计师DIV+CSS面试宝典

    IE 浏览器滚动条颜色、定义 1px 高度的容器、让层显示在 FLASH 之上、使一个 div 层居中于浏览器中、Firefox 浏览器中嵌套 div 标签的居中问题等八个问题。 一、超链接点击后 hover 样式消失 解决方法:改变 CSS ...

    ie css margin auto 不居中解决方案

    } 此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下: &lt;div id=cnbruce&gt;margin: 0 auto 看看内容居中否&lt;/div&gt; 如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“&lt;body&gt;”声明...

    html和css基础

    3. 在设计完成后,需要在Internet Explorer 6.0和Firefox 3.0中进行兼容性测试。 4. 解决兼容性问题时,需要使用一些特殊的CSS代码来解决。 HTML和CSS基础知识点是非常重要的,掌握这些知识点可以帮助开发者更好地...

    div使用margin:0px auto不居中的原因分析及解决

    此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下: 复制代码代码如下: ”cnbruce”&gt;margin: 0 auto 看看内容居中否&lt;/div&gt; 如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“&lt;...

    46种常见的浏览器兼容性问题大汇总

    7. firefox与IE的父元素(parentElement)的区别 3 8. document.formName.item(”itemName”) 问题 3 9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body...

    Web前端开发试卷及答案.pdf

    } 语法可以解决 Firefox 中标签的居中问题。 2. 如何写出超链接的顺序或者初始样式中的链接方法? 答案:可以使用 a:link、a:hover 等伪类来写出超链接的顺序或者初始样式中的链接方法。 3. 如何写出 XHTML 和 CSS ...

    html入门到放弃笔记

    2、Mozilla Firefox 3、Google Chrome 4、Apple Safari 5、Opera Opera(欧朋) 3、主要技术 1、HTML 2、CSS 3、Javascript 2、HTML入门(重点) 1、什么是HTML Hyper Text Markup Language 超级 文本 标记 ...

    《CSS标准网页布局开发指南》附赠光盘

    其中使用的浏览器及其版本为IE6.0、IE7.0、Firefox2.0。其中具体实例使用的浏览器版本,请参照相关章节的内容部分。 -----------------------------硬件环境--------------------------------------- 无特殊要求...

    jquery单击文字或图片内容放大并居中显示

    支持IE7及以上浏览器,火狐、谷歌浏览器。 大图得居中位置,我主要使用了如下代码: var width=$('.alert').find('img').width();//大图得宽高 var height=$('.alert').find('img').height(); var lwidth=$(window)...

    LHGDialog 4.0.1 正式版 lhgDialog弹出窗口组件 lhgdialog-4.0.1

    兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的静止定位(fixed)、覆盖下拉控件、alpha通道png背景。 下载包里有API说明文档和基本示例,如想查看更多的示例请到...

    Web前端开发试卷及答案.doc.doc

    4. Firefox 中标签的居中问题可以使用 *{margin:0px auto;} 来解决。 解释:在 CSS 中,可以使用 * 选择器来选择所有元素,并使用 margin:0px auto; 来实现居中布局。 5. XHTML 和 CSS 的注释方法是使用 /* 注释...

    Web前端开发试卷及答案[借鉴].pdf

    知识点:Firefox中标签的居中问题可以通过*{margin:0px auto;}来解决。 5. 请写出XHTML和CSS如何注释。 知识点:在XHTML中,可以使用&lt;!-- 注释内容 --&gt;来注释,而在CSS中,可以使用/* 注释内容 */来注释。 6. 请以...

    Web前端开发试卷及答案.doc.docx

    4. Firefox 中标签的居中问题的解决方法是使用 {*margin:0px auto;}。 5. XHTML 和 CSS 的注释方法是 &lt;!--注释内容--&gt; 或者 /*注释内容*/。 6. 写出 1px 直线灰色,上面无边框的矩形边框样式可以使用 border:1px ...

    DIV+CSS 兼容小集

    关于div+css兼容IE和firefox的问题 好不容易建立的div+css网页完全符合W3C标准。在ie7下显示非常完美,用firefox一测试,乖乖一探糊涂 惨不忍睹。经过一番研究发现兼容很 简单。 1、增加 div {overflow: hidden;}...

    zDialog水晶蓝色的弹窗代码.rar

     兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透;  无外部css文件,引用Dialog.js即可使用;  对iframe下的应用作了充分考虑,适合复杂的系统应用;  Dialog显示的内容(三种):1、...

Global site tag (gtag.js) - Google Analytics