DIV-CSS网页布局:Div自适应高DIV的最小高度的设置方法
在div+css布局时常遇到div高度无法自适应的情况。除非把DIV设定height属性。但你在设置时又不会完成准确。
如果理想的高为800px:。但现在的高不到800的话会导致这一例的背景区域不够高。背景将成为白色或标签设置的色彩.下面把我收录的例子共享下。利用JS来解决div自适应高的问题.
在此再说明一小情况:最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera 和 Mozilla 支持,IE7开始也支持了,但IE7处于测试阶段,等正式版发布到普及需一段也许比较长的时间,除非MS把它捆绑在某个操作系统上,如何在现有基础上(IE6 80-90%),合理、妙用最小高度了?
Div最小高度

  1. min-height:100px;
  2. ie6不支持与参数用height:100px;来解决
  3. Div自适应高

Read the rest of this entry »

, , ,

div-css布局:overflow溢出hidden
昨天切个板出现溢出的问题.导致溢出的原因目前还不明白.先认为是浏览器的BUG吧.在织梦乱弹发帖子.运行代码显示与我本地的显示也不一样.郁闷了.


Read the rest of this entry »

, ,

巧妙CSS解决IFRAME病毒:采用CSS把IFRME代码给敝屏吊。效果为不打开IFRAME内的页面。用CSS解决IFRAME病毒Cngothic认为只能解决不打开IFRAME内的页面。GOOGLE在抓取时依然传送断带有IFRAME病毒。

看CSS代码:

  1. iframe{c:expression(this.src='about:blank',this.outerHTML='');}<br />

,

CSS学习:背景图片绝对居中
谷歌搜索:CSS学习:背景图片绝对居中
百度搜索:CSS学习:背景图片绝对居中
雅虎搜索:CSS学习:背景图片绝对居中
搜狗搜索:CSS学习:背景图片绝对居中

  1. <STYLE TYPE="text/css">
  2. <!--
  3. BODY {
  4. background-image: URL(http://www.cngothic.com/pic/me.gif);
  5. background-position: center;
  6. background-repeat: no-repeat;
  7. background-attachment: fixed;}
  8. -->
  9. </STYLE>

, ,

网页布局理念

  网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一副副精彩的网页会呈现在我们面前,那么,网页的精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素——网页的布局。下面,我们就有关网页布局谈论一下。
Read the rest of this entry »

此篇文章体现 lable 与 clear 的用处。看下面代码与示例!

<style type=”text/css”>
label { float: left; width: 40px;}
form { margin:0px}
input { width: 180px; border:1px solid #808080}
textarea { width: 250px;height: 150px;}
#sbutton { margin-left: 80px; margin-top: 5px; width:80px;}
br { clear: left;}
</style>
Read the rest of this entry »

,