| 阿七 |
2006-04-05 08:55 |
分辨率，什么是分辨率，网页分辨率设置 =LeVJGF
J 9KLO=
大家一定在设计网面时，苦恼过不同分辨率下显示的问题，不论你喜欢打表格，还是运用图层，或者利用框架以及帧『内联帧』，当你在800×600下完成创作，1024×768下就会错位，或出现左对齐 5fDtSsW
aK=3`q
1.如果你喜欢打表格，解决的办法就很简单了，只要把最外边的<table>水平居中即可；如果你处理不好单元格，就把最外边的<table>的width设成"768"[针对800×600而言]；这样你的网页在800×600满屏，1024×768就水平局中了，如果想1024×768下也满屏，你只要把最外边的<table>的width设成"100%"。 w]P7!t
owS@dbO
说明：层，其实你可以把他看做是绝对定位标记区域，标记为<div></div> 1 0Tg > H
P
Tc\I
2.如果你喜欢运用图层，【我很喜欢，而且极爱】，居中问题就是一个大问题 L|xen*O
m^u&g&^
图层的好处就是想怎么放就怎么放，比表格灵活的多，再者众多的动态页面技术javascript的运用都涉及到了层的概念，页面中表格与层的混合运用，在很多知名网站都可见其踪影因为是绝对定位的，【相对于浏览窗口0.0坐标】所以由于客户端分辨率的设置不同，显示时就会出现错位问题。 Jgj
L$n; F
# *aGzF
我的方法是：利用子层与父层的关系解决，具体细节请看下面的代码： \oZUG
z%g
t V'
<html> uJ5%JB("E
<head> Y`_X@Q
<title>New Page 1</title> < }'B-k9
</head> qYiK bzy
<body> 7(+ZfY~w"
<div ID="blockdiv" style="position: absolute; top: 0; left: 0; width: 780; height: 26"> b)`#^uxxJ
<table border="0" width="100%" bgcolor="#00FF00" height="100%" cellspacing="0" cellpadding="0"> 1^"aR#
<tr> $j2)_(<A%Q
<td width="100%" height="13"> tJF~Xv2L!
<div style="position: absolute; left: 100; top: 75; width: 54; height: 23">
G?1V~6
aaaa AT'$VCYC(
</div> N#!1@!2BN
<div style="position: absolute; left: 172; top: 178; width: 54; height: 23"> FveK|-
bbbb 5i-;bLm
</div> z ex.0OT;
</td> (GOrfr
</tr> \kGtYkctZ
</table> nVA'O
</div> Z/UVKJm>:
!*.
nR(>d
<script language="javascript"> fU7:3"|s8
<!-- gbv[*R{<%
var a ={vtfgxl
ie4=(document.all)?true:false { RX
|
if(ie4) block=blockdiv.style . pE eR
a=screen.width
]p.f*]
if (a=="1024") =QO[zke:
{ b'"%
alert(block.left); c)YGwkY,,
block.left=112; KKJ[
} Y]0y
-H
fB
}5,22
if (a=="800") ri V/wN9C
t[oc p;Q
{ alert(block.left); U4pvQE.m<
block.left=0; lq9h Dn[p
} A0sW 9P6 F
--> FLOJ
</script> ?kefRev<#h
</body> +34jot.!
</html> D 4-U[l+K>
~H~4 fp b
3.至于框架，我有一个笨方法，是利用内联帧<IFRAME></IFRAME>把框架的索引页放在里面在外面放一个合适的<table>，具体细节请看下面的代码： J0plQDe
/YR $#&N2
<html><head> SkUP9
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> {<BK@U
<meta name="GENERATOR" content="Microsoft FrontPage 4.0"> O:R{4Q*5
<meta name="ProgId" content="FrontPage.Editor.Document"> ^/,yZ :
<title>New Page 2</title> U<gw<[>f
</head> rnaDo\5
. r"?w
<body> "VCr^'
7QFE Q}
<div align="center"> "G(/MT^C
<center> \O H:xW~
<table border="0" width="780" height="600" cellspacing="0" cellpadding="0"> $^>vJk<
<tr> -lEh}r
<td width="100%"> 5E=Odep`
<p align="center"> Ca|;8ggf
<IFRAME src="你的框架页.htm" width="780" height="600"> </IFRAME> fXj
</td> A G2jl/
</tr> u6RHn;b
</table> | w -W=v
</center> "(GeW286k
</div> (H^o8J
&9tsk#bA.g
</body> Vo[4\h#$
RPwSo.c4
</html> |
|