| 阿七 |
2006-04-05 08:55 |
分辨率，什么是分辨率，网页分辨率设置 l$mfsm|{:
!W?6,i -]
大家一定在设计网面时，苦恼过不同分辨率下显示的问题，不论你喜欢打表格，还是运用图层，或者利用框架以及帧『内联帧』，当你在800×600下完成创作，1024×768下就会错位，或出现左对齐 5L% \rH&N
PY{])z3N
1.如果你喜欢打表格，解决的办法就很简单了，只要把最外边的<table>水平居中即可；如果你处理不好单元格，就把最外边的<table>的width设成"768"[针对800×600而言]；这样你的网页在800×600满屏，1024×768就水平局中了，如果想1024×768下也满屏，你只要把最外边的<table>的width设成"100%"。 <-avC/M$d
+,$ SZ O]
说明：层，其实你可以把他看做是绝对定位标记区域，标记为<div></div> b,MzHx=im
"T0s7LWp
2.如果你喜欢运用图层，【我很喜欢，而且极爱】，居中问题就是一个大问题 J~,Ny_L
W2 p&LP
图层的好处就是想怎么放就怎么放，比表格灵活的多，再者众多的动态页面技术javascript的运用都涉及到了层的概念，页面中表格与层的混合运用，在很多知名网站都可见其踪影因为是绝对定位的，【相对于浏览窗口0.0坐标】所以由于客户端分辨率的设置不同，显示时就会出现错位问题。 oBqWIXM
XA4 miQn&
我的方法是：利用子层与父层的关系解决，具体细节请看下面的代码： 1GA$nFBVC
m.0: R
<html> "T+o XK\B
<head> hJsYKd8 g
<title>New Page 1</title> L%sskV(
</head> CQGq}.Jt!
<body> U 4Sxr
<div ID="blockdiv" style="position: absolute; top: 0; left: 0; width: 780; height: 26"> {6, l#z
<table border="0" width="100%" bgcolor="#00FF00" height="100%" cellspacing="0" cellpadding="0"> m(6SiV=D9
<tr> c"H59 jE
<td width="100%" height="13"> m?4L>'
<div style="position: absolute; left: 100; top: 75; width: 54; height: 23"> dvLO #o{
aaaa Yfotq9.=+
</div> :<w2j 6V
<div style="position: absolute; left: 172; top: 178; width: 54; height: 23"> LFHzd@Y7"
bbbb YA, vT[kX
</div> X4z6#S 58
</td> GiH< 6<=
</tr> P_{jZ}y(
</table> &R7N^*He
</div> t< % S_J\
`mt. =d
<script language="javascript">
F ]L$xU
<!-- czH`a=mjH
var a 8; vp a*
ie4=(document.all)?true:false U0Q:sA U
if(ie4) block=blockdiv.style q[rB u9
a=screen.width 14LOeo5O
if (a=="1024") pD )$O}
{ 9 f+S-!
alert(block.left); 4PsJs<u
block.left=112; n:i?4'-}
} = ^L?Sgg
^ .]]0Rp&
if (a=="800") g Xzp$#
e.<y-b ?
{ alert(block.left); $:
%U`46%s
block.left=0; O5;$cP:
} LBs:O* ;
--> rEl bzL"&<
</script> 2:>|zmh_
</body> l[)ZEEP
</html> bOKgR{i
F_ Cp,
3.至于框架，我有一个笨方法，是利用内联帧<IFRAME></IFRAME>把框架的索引页放在里面在外面放一个合适的<table>，具体细节请看下面的代码： *;]
j#0
Fo0
dz
<html><head> `! t+sX- n
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> N8s2v W
<meta name="GENERATOR" content="Microsoft FrontPage 4.0"> oK! W<#
<meta name="ProgId" content="FrontPage.Editor.Document"> P<1ZpL
<title>New Page 2</title> BRu/py xG
</head> [nBdq"K
XKTX~:
<body> ?'I[[KuG
gp/_# QVWC
<div align="center"> ?3v Oc/2@
<center> ATdK)gG
<table border="0" width="780" height="600" cellspacing="0" cellpadding="0"> 2?)bpp$WZ
<tr> rTR4j>Ua~
<td width="100%"> 6j GPmOM/
<p align="center"> v@8 =u4
<IFRAME src="你的框架页.htm" width="780" height="600"> </IFRAME> quvdm68
</td> JMnk~8O
</tr> Bx>)i8P7i0
</table> !E0zj9 [ R
</center> vw'`t6
</div> 3e<FlH{
* i}Nb* Z3
</body> r dc} e"v
7d7"^M
</html> |
|