兼容所有浏览器的网页制作方法

其实一般浏览器就IE6、IE7、IE8、火狐、GOOGLE浏览器chrome等,大家最困扰的就是网页在各大浏览器的兼容问题,其实所有浏览器在不兼容方面只存在两点:浮动和外填充,只要把这两点熟悉精通了,那么网页在所有浏览器里显示也就都正常了。

  当然这两点都是针对层的布局,所以大家用表格布局时不会遇到浏览器不兼容的问题。

  1,浮动。浮动其实就是各个层摆放重叠的问题,有的层在上面有的层在下面,要想做到层的结构不重叠,一般人会想到消除浮动clear:both,但在实际中这个使用不是很理想也不太好用,最简单的解决办法就是分为三个层,其中头部和页尾用基础层固定,中间是浮动内容层,在浮动层里的所有容器只能嵌套不能叠加。

  这样的布局,永远都不会出现重叠浮动的现象了,另外就是连续的字母或数字也可以自动换行,而不用象网上说的加这代码那代码,养成好的CSS设计习惯,很多头疼问题自然就不存在了。

  方法提示:浮动层的CSS样式控制最好用float:left;margin:0px;padding:0px;width:***px;height:***px;overflow:hidden;实际案例应用可参考站点:http://www.c71.cn的CSS编写技巧。

  2,外填充。其实外填充也就是如果使用margin时在各个浏览器解析不太一样,比如IE6正常的,但在IE7/IE8和火狐之间会多出几个显示像素。这时候最好的解决办法就是放弃margin改用padding一样可以达到想要的效果。

  把握好这两点后,你只需要拿一个浏览器比如IE8就可以测试了,只要在IE8显示正常了,那么在其他所有的浏览器中显示也一定是正常的。

转载于:https://www.cnblogs.com/zhouwenwu/archive/2012/03/23/2413212.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/548561.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ASP.NET MVC 使用Log4Net记录系统运行中问题

log4net是.Net下一个非常优秀的开源日志记录组件。log4net记录日志的功能非常强大。它可以将日志分不同的等级,以不同的格式,输出到不同的媒介。 在NuGet程序包中下载log4Net组件,如下图所示: 打开Web.config文件,在&…

lzo的安装及在hadoop中的配置

一、前提1、gcc的安装:yum install lib* glibc* gcc* 如果lzo编译出错时可能需要安装2、ant的安装:安装略,最好1.8.2及以上版本,并设置好环境变量 在第三步需要用到ant二、lzo的安装wget http://www.oberhumer.com/opensource/lzo…

ASP.NET MVC 使用Log4Net在不同目录中记录不同类型的日志

在上一篇文章中,实现了利用Log4Net记录系统中出现的问题。如果同时还需要记录用户操作的监控日志,就需要一些修改 修改Web.Cofig配置文件 ,增加一个logger节点和appender节点,用于监控操作日志配置,并且设置不同的日志文件路径&am…

简明python教程 --C++程序员的视角(七):异常

当你的程序中出现某些 异常的 状况的时候,异常就发生了。例如,当你想要读某个文件的时候,而那个文件不存在。或者在程序运行的时候,你不小心把它删除了。上述这些情况可以使用异常来处理。 假如你的程序中有一些无效的语句&#x…

C#中@符号的作用

一、忽略转义字符 string fileName "D:\\文本文件\\text.txt"; string fileName "D:\文本文件\text.txt"; 二、让字符串跨行 string strSQL "SELECT * FROM HumanResources.Employee AS e" " INNER JOIN Person.Contact AS c" &qu…

医疗信息化、医学、医院管理、医疗器械资料下载

1. 电子病历无纸化存储条件已经成熟(251医院王景明) http://share.hc3i.cn/data/115 2. 基于JCI标准管理医院药品库房的探讨 http://share.hc3i.cn/data/34902 3. 民营医院管理模式与特点的探讨 http://share.hc3i.cn/data/29181 4. 数据仓库技术架构及方…

【流媒體】Android 实时视频采集—Camera预览采集

【流媒體】Android 实时视频采集—Cameara预览采集 SkySeraph Mar 26th 2012 SZ Email:skyseraph00163.com 更多精彩请直接访问SkySeraph个人站点:www.skyseraph.com 流媒体系列: http://skyseraph.com/2012/04/11/Media/流媒体专题/ 1 概…

C#中使用SqlBulk百万级数据秒级插入

本文转自这篇文章,提供了一种较快的数据插入的思路,转过来做个记录。 #region static void Insert() {Console.WriteLine("使用Bulk插入的实现方式");Stopwatch sw new Stopwatch();DataTable dt GetTableSchema(); using (SqlConnection …

利用JQuery插件CleverTabs实现多页签打开效果

在VS中,我们能打开多页签,并在不同的页签之间进行浏览和操作,这一功能通过JQuery插件CleverTabs也能实现此效果。CleverTabs下载请点击这里:JQuery CleverTabs 本文采用ASP.NET MVC技术实现效果:要在布局页中点击不同的…

指针的一个简单应用

#include "stdafx.h" int main(int argc, char* argv[]){ //string s("hello world"); string s "hello world"; string *p &s; *p "goodbye";//此时字符串s的值也变化了 string *sp &s; sp p; *sp "new another w…

精通ASP.NET MVC ——路由

本文章将关注定义路由,并使用它们去处理URL,使用户能够到达控制器和动作。 文章非常长,可以对路由机制有较初步的了解。首先创建示例项目,项目名为UrlAndRoutes,如下图所示: 然后是创建示例控制器和示例视图…

建立丰富多彩的toast的简单实例

为toast中的view显示建立一个layout的xml文件,放到res的layout目录下 下面是对xml的调用 //先通过LayoutInflater来将xml文件中的 Layout变成一个view。这个类可以将XML实例化,形成一个View。以文本为例,要从一个XML文档生成一个可供使用的Vi…

ASP.NET Web API简单学习

Web API 简介 Web API可以返回 json、xml类型的数据,对于数据的增删改查,提供了对应的资源操作,按照要求的类型进行处理,主要包括:Get(查),Post(增)&#xff…

我的家庭私有云计划-2

嗯,继续。 刚才调试了一个崩溃型bug,都不是大问题,但几个小问题加到一起,居然弄崩溃了。这种远因叠加的bug最难找,还好找到了。 拿到预算了,下面做什么? 我是商用程序员,习惯性要做需…

利用NCO 3.0 调用SAP中的函数

简介 .Net Connector 3.0,简称 Nco3.0。Nco3.0 是 SAP 针对 .net 平台提供的编程接口,由 Nco1.0/Nco2.0 演变而来。如果使用 .net 平台编程,推荐使用 NCo3.0。3.0 版与之前1.0/2.0 版本比较,不管是 API 还是架构,都重新…

char与varchar区别(MYISAM)

Char属于固定长度的字符类型,而varchar属于可变长的字符类型。 下表将各种字符串值保存到char(4)和varchar(4)列后的结果,说明了char和varchar之间的差别 值 Char(4) 存储需求 Varchar (4) 存储需求 ‘’ ‘ ’ 4字符节…

以团队之名

我们是一群来自草根的互联网团队,以团队之名~ 转载于:https://www.cnblogs.com/weblab/archive/2012/04/01/2429427.html

Win10系统局域网中的其他电脑能Ping通但是无法访问本地IIS发布的网站

局域网中的其他电脑无法访问本地IIS发布的网站,但是能ping通,基本是由于没开放端口的原因。 打开防火墙 —— 高级设置: 点击“入站规则”,然后是“新建规则”: 然后选择“端口” : 选择“TCP”&#xff0c…

Bash shell脚本练习(一)

一、此题来源51cto linux论坛版 用户输入A;B;C;D;E;F;G 输入A的话就查看/etc/passwd最后5个系统用户,只要显示用户名和UID就行了,其他不要 输入B的话就显示系统开机时间多久了 输入C的话就判断当前磁盘根目录使用情况是否超过50%,如果超过50%…

ASP.NET Web API 中的属性路由

为什么要有属性路由 基于约定路由的一个优点是模板在单个位置中定义,并且路由规则在所有控制器上一致的应用。但是基于约定的路由很难支持RESTFUl 中常见的某些URI模式。例如,资源通常包含子资源,客户有订单,电影有演员&#xff…