[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><style type="text/css"><!-- body { margin:0;padding:0 }div&nbs...
http://www.jb51.net//article/15440.htm
最后感谢raozou分享效果代码![html]<style type="text/css"><!--#middle{ background:blue; position:absolute; left:expression((body.clientWidth-50)/2 + "px"); &nbs...
http://www.jb51.net//article/15094.htm
首先再次详细解释一下JS中窗口和网页的几种尺寸属性的含义 document.body.clientWidth（网页可见区域宽）：是指浏览器显示网页的区域宽度，不包括浏览器的边框宽度和垂直滚动条的宽度。大小随着浏览器的窗口大小而改变。 document.body.clientHeight（网页可见区域高）：是指浏览器显示网页的区域所能看到的高度，不包括浏览器的边框宽度和水平滚动条的高度。大小随着浏览器的窗口大小而改变。 document.body.scrollTop（网页被卷去的高）：是指拉动垂直滚动条时网页上面被地址栏及菜单栏遮盖着的部分的高。 docu...
http://www.jb51.net//article/14804.htm
[html]<!doctype html public '-//w3c//dtd html 4.01//en' 'http://www.w3.org/tr/html4/strict.dtd'><html><head><title>CSS List Grid View Layout</title><style>body{ font-family:Arial; ...
http://www.jb51.net//article/14573.htm
题目的难点在于两点： 垂直居中； 图片是个置换元素，有些特殊的特性。 至于如何解决，下面是一个权衡的相对结构干净，CSS简单的解决方法： .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center;...
http://www.jb51.net//article/14572.htm
IE方法：<body style="text-align:center;"><body> 标记内的内容居中。非IE方法：<div style="margin-left:auto;margin-right:auto;"></div><div> 标记的左右边距自动适应，以达到居中效果。标准推荐的CSS使用方法是后者，IE的那套是非标准的。不过在IE6中使用标准的DTD声明（xhtml版本），也能使用margin:0 auto;方法达到居中效果。[html]<!DOCTYPE ...
http://www.jb51.net//article/14425.htm
解决图片长\宽大于容器,一边长一边宽，小于容器在ff,ie里都通过这里是js代码:[code]<HTML> <HEAD> <TITLE> 脚本之家 www.jb51.net New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""&g...
http://www.jb51.net//article/13468.htm
让新窗口居中显示[html]<script language=javascript> <!-- function MM_openBrWindow( url, winName, width, height) { xposition=0; yposition=0; if ((parseInt(navigator.appVersion) >= 4 )) { xposition ...
http://www.jb51.net//article/13339.htm
CSS中怎样设置才能使对象中的文字垂直居中于对象，这个问题也是捆扰很多朋友的难题。现在网上的很多代码都做不到浏览器兼容。我把网上有关的方法整理了一下，做了些改动，完全可以兼容各主流浏览器。下面具体说一下在不同情况下垂直居中的方法。一、一行文字垂直居中看一下下面的代码：[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g...
http://www.jb51.net//article/13311.htm
页面水平居中一般会令人很头疼，尤其新手。浏览器之间的不兼容也会带来很大问题。下面来说一下常见的页面水平居中办法。 以下内容参见《精通CSS》。 HTML代码： [code]<body> <div id="wrapper"> </div> </body> IE居中办法： body { text-align:ce...
http://www.jb51.net//article/13149.htm
在一列固定宽度之中，我们使用margi:0px auto;这样的设置，使一个div得以达到居中显示，而二列分栏中，需要控制的是左分栏的左边与右分栏的右边相等，因此使用margi:0px auto;似乎不能够达到宁产的效果，这时就需要进行div的嵌套式设计来完成了，可以使用一个居中的div作为容器，钭二列分栏的两个div旋转在容器中，从而实现二列的显示，结合上面的代码，新的XHTML代码结构如下：[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...
http://www.jb51.net//article/11361.htm