Welcome 微信登录

首页 / 脚本样式 / CSS

固定右栏宽度, 左栏内容先出现同时自适应宽度的布局

固定右栏宽度, 左栏内容先出现同时自适应宽度的布局

工作原理#wrapper必须触发hasLayout,不然有时里面的内容会浮得怪怪的,我直接用float的,可以用其他方式。其实如果只是要做到这个例子要的效果连#wrapper都可以不要。#left定义100%宽度并利用margin:0 0 0 -200px把左边整块放在偏移入左边200px处,再利用#innerLeft的margin:0 0 0 200px再把内容撑出来,#right只是简单的浮动,#innerRight米多大作用,只是习惯性保留着,除了可...
解决IE7以下版本不支持无A状态伪类的几种方法

解决IE7以下版本不支持无A状态伪类的几种方法

在IE7以下版本一直是不支持无A状态伪类的,通常都要靠Javascript来解决的,最近经常有人问起此类问题,故整理了几种方法,脚本来自国外网站,供大家参考。 方法一 javascript文件,来自Htmldog. 复制代码 代码如下:functionsuckerfish(type,tag,parentId){ if(window.attachEvent){ window.attachEvent("onload",function(){ varsfEls=...
脚本控制三行三列自适应高度DIV布局

脚本控制三行三列自适应高度DIV布局

这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中,自适应高度一直是比较头疼的问题,一般大都采用背景图、外套DIV、右栏覆盖左栏......来解决。现在加了脚本后,简单多了,假如有三个水平并列的DIV,fbox、mbox、sbox,只要在<body>标签中写入:onload="P7_equalCols("fbox","mbox","sbox")",测试条件:ie5.x、ie6.0、FF1.03、NS7.2、opera8.01。最终效果...
SPAN元素和DIV元素有的区别

SPAN元素和DIV元素有的区别

前几天做自适应Skin的时候了解了一下块(block)的含义。发现了这样的一个问题。 SPAN元素和DIV元素有什么区别 解决思路: 最明显的区别是:DIV是块元素,SPAN是内嵌元素。块元素相当于内嵌元素在前后各加一个<br>换行。其实,块元素和行内元素也不是一成不变的,只要给块元素定义display:inline,块元素就成了内嵌元素,同样地,给内嵌元素定义了display:block就成了块元素了。 具体步骤: div,span{bord...
CSS锦囊

CSS锦囊

翻译:onestab [2004.03.09]原文:mezzoblue CSS Crib Sheet在使用CSS建站时,您肯定遇到过形形色色的布局问题,最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易,当您遇到困难时为您提供快速参考。如果您有所补充,请在这里发表您的意见.本文的其他语言版:法语, 德语, 西班牙语 和 匈牙利语。 欢迎提供其他翻译。有疑问,先验证在调试时,先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会...
Meta标签详解

Meta标签详解

★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有: 1、Content-Type和Content-Language(显示字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。 用法:<Metahttp-equiv="Content-Type"C...
关于Firefox中的Flash不可以显示透明效果的问题

关于Firefox中的Flash不可以显示透明效果的问题

由于自己站点的首页用了透明Flash。在IE核心的浏览器显示一切正常。可到了Firefox里面就没有了透明效果,特别是有些站点用的是全页面的透明Flash这样鼠标不能穿透,真就伤脑筋了。今天特地到Firefox社区去寻找答案去了。结果是我们的代码不标准,还好我用的Flash不多。赶紧改了试试。[sleepy]问题解决。 原来要在Embed标签下加上wmode="transparent”这个属性。 相关代码如下: 程序代码 复制代码 代码如下:<emb...
当ie7不认!important之后 [布局的解决办法]

当ie7不认!important之后 [布局的解决办法]

在IE7之前,我们在布局时常用!important来解决IE和FF之间的差别;但是在IE7出来之后,!important对IE7就不起作用了,而有些时候IE7的解释方法又与FF和IE6不同;这时新的问题就出现了;用!important可以解决IE6但是解决不了IE7;这样在不同的浏览器中看到的同一个网页的效果就不同了; 这是前天作布局时的一个问题;可以先看一下效果;http://www.zishu.cn/blogview.asp?logID=553 或者运...
绝对定位的DIV宽度自动适应的一个方法

绝对定位的DIV宽度自动适应的一个方法

刚刚在一个页面上用到了position:absolute; 这样的代码在IE7和FIREFOX都不会有问题,但是在IE6以下的会不支持; 这是一个测试 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]于是针对IE6我又加了一个<hr/>这下可以了; 这是一个测试 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]但是hr我不想在页面上出现;于是加了一个b 这是一个测试 [Ctrl+A 全选 注:如需引入外...
(X)HTML Strict 下的嵌套规则

(X)HTML Strict 下的嵌套规则

译者注:时间匆忙没有来得及细细研究,希望可以讨论并且完善说明部分(现在说明并不是很全面)。下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则,比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。说明:* 为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如 <html> 而不应是 <HTML>)* 小写的单词表明一...
被人遗忘的html tags

被人遗忘的html tags

其实有很多html tags是极富于语义的,而在table布局大行其道后,很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签:dl, dt, dd, cite, q, dfn, ins, del, var等等。1. dl, dt, dd系列定义列表网站重构让很多人知道了ul, ol和li,但是在列表的家族里面还有一个dl,就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。如:<dl><dt>Dog...
<< 61 62 63 64 65 66 67 68 69 70 >>