div+css
文章平均质量分 55
cf_nick
这个作者很懒,什么都没留下…
展开
-
CSS解决未知高度垂直居中
尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABLE(display: table;) ,内部子元素定为table-cell (display: table-cell),通过vertical-align特性使转载 2009-11-04 15:06:00 · 320 阅读 · 0 评论 -
内容随着显示器的变化而变化
body{ padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; background:#E7DFD3; } #middle{ background:#FFFFFF; text-ali转载 2009-12-27 00:11:00 · 486 阅读 · 0 评论 -
Dreamweaver 中的主要事件
Dreamweaver 中的主要事件 onAfterPrint--当打印文件后触发该事件。onAfterUpdate--当页面中捆绑的数据元素完成了数据源的更新后,触发该事件。onBeforePrint-当要打印文件前触发该事件。onBeforUpdate--当页面中捆绑的数据元素完成了数据源更新前,触发该事件。onAbort-在完全装载一幅图片时,如果停止浏览器,则触发该事件。onBlur--当转载 2009-12-24 14:17:00 · 1870 阅读 · 0 评论 -
ff的居中显示问题
在ff下显示居中,把div设置为margin和padding为0px,规范下,设置每个div的长度和宽度,才能正常显示ul标签在ff下面默认有list—style和padding,最好事先声明,以避免显示错乱原创 2010-02-06 17:25:00 · 463 阅读 · 0 评论 -
CSS Hack 汇总快查
屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7与转载 2009-12-07 16:21:00 · 393 阅读 · 0 评论 -
IE6.0下显示PNG图片解决方案
文章来源于:http://www.56mp.cn/post/59.html 前段时间本站发表过一篇:跨浏览器测试工具、技巧和Css Hac,介绍了一些常用的浏览器工具、解决方案和Hack,对跨浏览器的表现问题做了一些分析。今天和大家探讨一下IE6.0下显示PNG图片的问题,有人可能会说,现在都用IE8.0或是Firefox,但做为网页设计师来说就得考虑到所有浏览器的兼容性,而且IE6.0的市场占有转载 2009-12-03 18:29:00 · 2145 阅读 · 0 评论 -
在IE8/FireFox下如何让div内的table垂直居中?[
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html>head>meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />title>title转载 2009-12-03 18:09:00 · 7738 阅读 · 0 评论 -
IE6.0、IE7.0 与 FireFox CSS
1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 height 和 wi转载 2009-12-02 19:20:00 · 424 阅读 · 0 评论 -
多级滑动菜单
网页滑出式菜单body,td,a {font-size:9pt;color:black;text-decoration:none}.normal {padding:2px}.up {padding:1px;border:#999999 1px solid;background:#cccccc}.down {padding:1px;border:dbdbdb 1px solid;backgroun转载 2009-11-29 23:54:00 · 369 阅读 · 0 评论 -
由左侧向右活动
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">-->由左侧向右滑出的菜单效果 XiYe.Cn#menuBar {position: absolute;left: -200px; width: 300px; top: 0px; clip: rect( )}#g转载 2009-11-29 23:51:00 · 421 阅读 · 0 评论 -
滑出式菜单
网页特效|Linkweb.cn/Js|---滑出式菜单#ssm2 A { color:black; text-decoration:none; font-size:12; font-family:verdana; }#ssm2 A:hover { color:red; }--> function MM_displayStatusMsg(msgStr转载 2009-11-29 23:48:00 · 454 阅读 · 0 评论 -
DIV的高度自动拉伸(height属性)在IE 7下无效和解决方法
#mainbody{ .. min-height:400px; *min-height:400px; height:auto; *height:400px; }以上CSS在IE 6.0,FireFox下可以实现Div高度根据内容自动拉伸,IE6下当Div高度大于400px时,Div会自动拉伸。但在IE7下却无法实,其原因就是*height:400px;在IE7下不在自动拉伸,而是转载 2009-11-11 15:37:00 · 552 阅读 · 0 评论 -
CSS左右两列自适应高
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档*{ margin :0px; padding: 0px;}.da_div{ width: 750px; background-image: url(http://www.as1983.com/blog/attac转载 2009-11-04 16:24:00 · 528 阅读 · 0 评论 -
Div+CSS教程----DivCSS布局绝对定位和浮动
在CSS中,实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项(absolute 、static、relative和fixed)中的绝对定位(absolute positioning),它可以将文档中的某个元素从其原本位置上移除,并重新定位在期望的任何地点之上。第二种则是使用CSS中的浮动(float)概念。 绝对定位或浮动都能够用来实现分栏效果。二转载 2009-11-05 10:39:00 · 482 阅读 · 0 评论 -
CSS+JS经典的滑轮新闻显示 选择卡
绝对经典的滑轮新闻显示(javascript+css).dis {DISPLAY: block}.undis {DISPLAY: none}#cntR {WIDTH: 302px}#NewsTop { CLEAR: both; MARGIN-BOTTOM: 16px}#NewsTop P { FLOAT: left; LINE-HEIGHT: 21px}#NewsTop P.topTit { FO转载 2009-11-04 15:51:00 · 1875 阅读 · 0 评论 -
DIV+CSS 网页TIP的简单作法
代码如下:#infobox span{ display: none; } #infobox a:hover span{display: block;position:absolute;} 详细出处参考:http://www.jb51.net/article/1321.htm---------------------------------------------------------转载 2010-01-05 23:40:00 · 556 阅读 · 0 评论