用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器

最新推荐文章于 2016-01-11 15:46:41 发布
最新推荐文章于 2016-01-11 15:46:41 发布
阅读量754 收藏
点赞数
分类专栏： html 文章标签： ie opera 浏览器 div 电话 体育
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ljl_xyf/article/details/4279283
版权

<html>
<head>
<style>
<!--
#table {
width:701px!important;
width:700px;
border-top:1px #000 solid;
}
#table ul {
margin:0px;
padding:0px;
width:701px!important;
width /**/:700px;
list-style-type:none;
border-bottom:0px #000 solid;
border-left:0px #000 solid;
}
#table li {
float:left;
display:block;
margin:0px;
padding:0px;
width:139px!important;
width:139px;
width /**/:140px;
border-right:1px #000 solid;
border-bottom:1px #000 solid;

}
-->
</style>
</head>
<body>
<center>
用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器

<div id="table" style="margin-left:auto; margin-right:auto; text-align:center">
<ul style="background-color:Silver; color:red">
<li style="border-left:1px #000 solid;">项目编号</li>
<li style="letter-spacing:3pt">网址</li>
<li>名称</li>
<li>从事业务</li>
<li>联系电话</li>

</ul>
<ul>
<li style="border-left:1px #000 solid;">1</li>
<li>www.my400800.cn</li>
<li><a href="http://www.my400800.cn">  400电话申请  </a></li>
<li>400电话申请</li>
<li>4006-1234-10</li>
</ul>
<ul>
<li style="border-left:1px #000 solid;">2</li>
<li >www.baidu.com </li>

<li><a href="http://www.baidu.com">百度 </a></li>
<li>中文搜索</li>
<li>无</li>
</ul>
<ul>
<li style="border-left:1px #000 solid;">3</li>
<li>www.sohu.net</li>
<li><a href="http://www.sohu.net">搜狐 </a></li>
<li>新闻娱乐体育</li>
<li>无</li>

</ul>

</div>
</center>

</body>
</html>

ljl_xyf
关注
专栏目录
一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera
10-30
本文将详细介绍一种兼容IE7、IE6以及Firefox、Opera等浏览器的滑动门技术，并提供具体的实现方法。 #### 二、技术背景 滑动门技术主要依赖于HTML和CSS来实现。通过设置不同的CSS样式来控制元素的显示状态，从而...
带有css3动画效果的兼容多浏览器简单导航条示例
09-25
示例中特别提到了兼容IE6-10、Firefox、Chrome、Opera和Safari等主流浏览器。为了实现这一目标，通常需要使用特性检测或前缀来确保在不支持CSS3特性的浏览器中也能正常工作。例如，使用了Webkit、Mozilla和无前缀的...
树使用css选择器优化代码（IE7+，firefox3，opera9，chrom下可用）
05-24
本篇文章将探讨如何使用CSS选择器来优化代码，使之适用于IE7+、Firefox 3、Opera 9以及Chrome等主流浏览器。 首先，理解CSS选择器的性能差异是优化的关键。CSS选择器分为多个级别，从基础的ID选择器(#id)、类选择器...
Win2003打不开https的问题
ljl_xyf的专栏
01-11 1365
碰到客户做问题是能打开https://www.baidu.com 这个网页 打不开 https://sha256.alipay.com/SHA256/index.htm支付宝这个网页      解决办法： 需要下载安装组件 或者是电脑本身已经有了 需要升级 https://technet.microsoft.com/en-us/library/security/ms13-095.a...
颜色16进制代码表-显示和16进制数值对比显示方便查找
ljl_xyf的专栏
01-20 1257
#FFFFFF #FFFFF0 #FFFFE0 #FFFF00 #FFFAFA #FFFAF0 #FFFACD #FFF8DC #FFF68F #FFF5EE #FFF0F5 #FFEFDB #FFEFD5 #FFEC8B #FFEBCD #FFE7BA #FFE4E1 #...
div弹出对话框（动画效果）
ljl_xyf的专栏
11-09 860
JS代码文件名称:my400800.cn.js  var menuOC=function(){    this.menuPoint={prox:null,proy:null,proxc:null,proyc:null,width:null,height:null};    this.menuObj=document.getElementById(arguments[0]
文字来回滚动
ljl_xyf的专栏
12-27 841
1. 文字来回滚动：   文字来回滚动    代码： 文字来回滚动   2. 向右移动的竖排文字：   向右移动的竖排文字 向右移动的竖排文字 向右移动的竖排文字 向右移动的竖排文字  代码： 向右移动的竖排文字向右移动的竖排文字向右移动的竖排文字向右移动的竖排文字   3. 向上移动的文字：   向上移动的文字 向上移动的文字   代码： 向上移动的文字
div停靠在屏幕右下角，兼容ie6,ie7,火狐等浏览器
ljl_xyf的专栏
06-23 810
    Untitled Page            * { padding:0; margin:0;}        body{height:100%;overflow:hidden;position:relative;line-height:2;}        html{          overflow:hidden;          heigh
简单的无刷新更换验证码的小例子
ljl_xyf的专栏
07-16 763
代码如下:    简单的无刷新更换验证码的小例子                简单的无刷新更换验证码的小例子：当前时间:var d =new Date();  document.write(d.getHours()+"点"+d.getMinutes()+"分"+d.getSeconds()+
css中position中的relative和absolute
ljl_xyf的专栏
12-11 720
之前老弄不明白，只能凭借一点短期内“虐出来的经验”制作需要的效果，后来仔细研究了一下Hutia的XScroller，并且仔细看了文档，才知道这个position属性其实是指本体对上级的定位。如果这么理解，就好办了。默认的属性值都是static，静态。就不用多说了。最关键的是relative（相对）以及absolute（绝对）。往往我们如果是COPY别人的代码，会把a
兼容ie6和ie7 的16进制码流在html中显示为图片代码(base64)
ljl_xyf的专栏
12-01 578
新的浏览器（ff3、ie8、chrome）img标签支持，如： &lt;img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/ //+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U g9C9...
C# 生成 rss2.0 文件生成
ljl_xyf的专栏
06-25 517
<br />单个网页存放类  RssResponeObject.cs<br /><br /> <br />using System; using System.Collections.Generic; using System.Text; namespace BaseCommon.Rss { public class RssResponeObject { //<title>400电话申请办理</title> //<link>http://www
document.body ,window.screen javascript对象属性取值意义
ljl_xyf的专栏
06-10 452
var s = "";    s += " 网页可见区域宽："+ document.body.clientWidth;    s += " 网页可见区域高："+ document.body.clientHeight;    s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)";    s +=
css 超过宽度的文字显示点点
ljl_xyf的专栏
09-11 243
要显示为点点，3个缺一不可，还有，除了firefox,opera其他浏览器都支持，包括可恶的ie6。 代码如下: text-overflow : ellipsis; white-space : nowrap; overflow : hidden;  解释一下： text-overflow ：ellipsis; //让截断的文字显示为点点。还有一个值是clip意思是截断不显示点点 wh...
滚动文字代码大全
ljl_xyf的专栏
12-27 233
1. 文字来回滚动： 文字来回滚动    代码： &lt;MARQUEE scrollAmount=3 behavior=alternate&gt;文字来回滚动&lt;/MARQUEE&gt;   2. 向右移动的竖排文字：   向右移动的竖排文字 向右移动的竖排文字 向右移动的竖排文字 向右移动的竖排文字  代码...
Css实现的图片灰度
ljl_xyf的专栏
08-15 167
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;   &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;   &lt;head&gt;   ..
Html网页不缓存
ljl_xyf的专栏
11-29 101
ＨＴＭＬ Html代码 &lt; META     HTTP-EQUIV = "pragma"     CONTENT = "no-cache" &gt;        &lt; META     HTTP-EQUIV = "Cache-Control"     CONTENT = "no-cache,   must-rev...
JavaScript获取div数据原理与跨浏览器兼容方案
此外，文档还提到了其他JavaScript相关主题，如基础数据类型和引用类型的参数传递、JSON数据处理、数据类型和JSON格式分析、JavaScript数据类型的表格排序、jQuery解析JSON数据等。这些都属于JavaScript开发中的重要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值