逐浪吧｜搏浪号博客 - div
type: channel
link: https://t.imsail.com/tag/div/
items: HTML属性以及相对应的CSS方法（转）
items: div+css页面ie与ff浏览器兼容方法(原创)
items: 烟雨楼台顶部ad单元格控制方案

HTML属性以及相对应的CSS方法（转）
type: item
date: 2006-08-02T21:24:54+08:00
description: 下面的列表将帮助你用CSS替换传统方法：HTML属性以及相对应的CSS方法 HTML属性 CSS方法 说明 align="left"align="right" float: left;float: right; 使用CSS可以浮动 任何元素:图片、段落、div、标题、表格、列表等等当你使用float属性，必须给这个浮动元素定义一个宽度。 marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" margin: 0; 使用CSS, margin可以设置在任何元素上, 不仅仅是body元素.更重要的，你可以分别指定元素的top, right, bottom和left的margin值。 vlink="#333399" alink="#000000" link="#3333FF" a:link #3ff;a:visited: #339;a:hover: #999;a:active: #00f; 在HTML中，链接的颜色作为body的一个属性值定义。整个页面的链接风格都一样。使用CSS的选择器，页面不同部分的链接样式可以不一样。 bgcolor="#FFFFFF" background-color: #fff; 在CSS中，任何元素都可以定义背景颜色，不仅仅局限于body和table元素。 bordercolor="#FFFFFF" border-color: #fff; 任何元素都可以设置边框(boeder)，你可以分别定义top, right, bottom和left border="3"cellspacing="3" border-width: 3px; 用CSS，你可以定义table的边框为统一样式，也可以分别定义top, right, bottom and left边框的颜色、尺寸和样式。你可以使用 table, td or th 这些选择器.如果你需要设置无边框效果，可以使用CSS定义：border-collapse: collapse; clear: left;clear: right;clear: both; 许多2列或者3列布局都使用 float属性来定位。如果你在浮动层中定义了背景颜色或者背景图片，你可以使用clear属性. cellpadding="3"vspace="3"hspace="3" padding: 3px; 用CSS，任何元素都可以设定padding属性，同样，padding可以分别设置top, right, bottom and left。padding是透明的。 align="center" text-align: center;margin-right: auto; margin-left: auto; Text-align 只适用于文本.象div，p这样的块级怨毒可以通过margin-right: auto; 和margin-left: auto;来水平居中

div+css页面ie与ff浏览器兼容方法(原创)
type: item
date: 2006-08-02T13:52:23+08:00
description: 在ff测试div+css的过程中发现不少问题，主要原因是代码的不规范书写。通过一步步修改新闻网代码，总结出一些标准，帮助很大——至少以前不知道，现在明白了...下面通过ie和ff的对比总结一下（谨属个人意见）：1.div里的内容，ie默认为居中，而ff默认为左对齐。使ff内容居中的方法是增加代码margin:auto;2.设有两横行div排列，上面的div控制高度(height)，如果div里的实际内容大于控制高度，在ff中会出现两个div重叠的现象；在ie中，下面的div会自动给上面的div让出空间。所以为避免出现层的重叠，高度一定要控制恰当，或者干脆不写高度，让他自动调节。3.给出一个框架代码： #mainbox的背景颜色控制通常会在ff中失效。解决方法是再嵌套一个div，在新加的div中写入背景颜色代码，试试看背景就会出现了。（网上也有一种办法是直接在body背景中添加颜色，但是如果遇到body背景和页面背景不同的时候就不好说了）4.在用作外部容器时，margin属性会在ff中失效。（好像在这几条中，一旦div用作外部容器，就有好多功能失效。）此条解决方法同第3项。5.拿footer为例，有时候如果上面使用了float控制的n列的布局，那么在用ff浏览时footer很有可能不老实，到处乱动——因为他还在受到浮动（float）的控制。如果想让它老老实实呆在页面下方，在footer的div中写入 clear:both; 就可以达到效果了！上面肯定有错误，请高手们批评指正！

烟雨楼台顶部ad单元格控制方案
type: item
date: 2006-07-06T10:43:56+08:00
description: 发现大旗那方面有时换图片。所以高度经常不固定，因为烟雨楼台的ad代码是嵌套在首页banner中，所以有时会让页面变形，发现好几次了，问题很严重...找到的关于控制单元格高度代码（小于等于某值不变，大于时自动截取，经ie/遨游验证通过，没有在ff上试验，电脑没有装，所以在ff验证的朋友们可以告诉我一声...）： 还有另外一种和上面相反，就是表格内容在小于某值时表格高度不会变，除了修改上面的代码外，还有一种方法。需要在css风格中写入。代码如下： （8.4号注）今天又发现以前做的好像有点多余，呵呵，画蛇添足了~~~不使用java，单纯利用“overflow”属性就完全可以控制这一点。还拿第一个为例： 这样就完全可以了！:)