阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
网页分辨率设置技巧
分辨率，什么是分辨率，网页分辨率设置
s;BMj^x
2 DQVl
大家一定在设计网面时，苦恼过不同分辨率下显示的问题，不论你喜欢打表格，还是运用图层，或者利用框架以及帧『内联帧』，当你在800×600下完成创作，1024×768下就会错位，或出现左对齐 ;
oyV8P$
X 0G,tl
1.如果你喜欢打表格，解决的办法就很简单了，只要把最外边的<table>水平居中即可；如果你处理不好单元格，就把最外边的<table>的width设成"768"[针对800×600而言]；这样你的网页在800×600满屏，1024×768就水平局中了，如果想1024×768下也满屏，你只要把最外边的<table>的width设成"100%"。 C/e.BXA
m+<&NDj.
说明：层，其实你可以把他看做是绝对定位标记区域，标记为<div></div> T/_u;My;
E#$Jg|e
2.如果你喜欢运用图层，【我很喜欢，而且极爱】，居中问题就是一个大问题 Q$E.G63Wl
x>yqEdR=o
图层的好处就是想怎么放就怎么放，比表格灵活的多，再者众多的动态页面技术javascript的运用都涉及到了层的概念，页面中表格与层的混合运用，在很多知名网站都可见其踪影因为是绝对定位的，【相对于浏览窗口0.0坐标】所以由于客户端分辨率的设置不同，显示时就会出现错位问题。 r#sg5aS7O|
aZN?V}^+
我的方法是：利用子层与父层的关系解决，具体细节请看下面的代码： jHFjd'
OS(`H5D
<html> B\J[O5},
<head> 6}^x#9\
<title>New Page 1</title> p&(0e, `z/
</head> 1bFZyD"
<body> .] v>LsbhF
<div ID="blockdiv" style="position: absolute; top: 0; left: 0; width: 780; height: 26"> w2s`9
<table border="0" width="100%" bgcolor="#00FF00" height="100%" cellspacing="0" cellpadding="0"> aTvyz r1
<tr> TO6
F
<td width="100%" height="13"> N[_T3(
<div style="position: absolute; left: 100; top: 75; width: 54; height: 23"> $--8%gh dG
aaaa j1_>>xB
</div> ug9Ja)1|
<div style="position: absolute; left: 172; top: 178; width: 54; height: 23"> K *@?BE
bbbb
3f`Uoh+
</div> G4|C227EO
</td>
0~nX7
</tr> x6/u +Urn
</table> 7ys' [G|}r
</div> y" =?l
D$FTnY
<script language="javascript"> D <iG*I
<!-- nAP*w6m0j
var a g2f"tu_/%
ie4=(document.all)?true:false qsj$u-xhX
if(ie4) block=blockdiv.style
gW~YB2 $
a=screen.width rCo}^M4Pb
if (a=="1024") [r2 V+b.C
{ =d;a1AO{&
alert(block.left); dw
6ysOR@
block.left=112; nk! uO^
} 3ML^ d Z'
~=yU%5 s@
if (a=="800") 61_PSScSY
`@y~JNf!
{ alert(block.left); 'A[PUSEE
block.left=0; }X9 &!A8z
} 3uw3 [
SR1
--> PVi;h%>Y
</script> OTYkJEC8\N
</body> D{t_65c-
</html> :"y 2u
RSA GSGp
3.至于框架，我有一个笨方法，是利用内联帧<IFRAME></IFRAME>把框架的索引页放在里面在外面放一个合适的<table>，具体细节请看下面的代码： /\,3AInLb
uB G!R#T
<html><head> SEnr" }
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
qbc=kP
<meta name="GENERATOR" content="Microsoft FrontPage 4.0"> ?*
+>T@MH
<meta name="ProgId" content="FrontPage.Editor.Document"> wKJ|
;o4;L
<title>New Page 2</title> \Ec*Gq?.
</head> +6:
#)L}{mHLM-
<body> _*z ^PkH
F^.]g@g.|
<div align="center"> B W)@.!C
<center> C6gp}%
<table border="0" width="780" height="600" cellspacing="0" cellpadding="0"> a Y4v '[
<tr> bR}fj .gP
<td width="100%"> k v_t6(qd
<p align="center"> ;mI^J=V3
<IFRAME src="你的框架页.htm" width="780" height="600"> </IFRAME> O ,7S1
</td> AP`1hz4].-
</tr> K20Hh7cVJ
</table> -F(luRBS(W
</center> "([gN :
</div> -k:x e:$
@8w[Zo~
</body> *N: $,xf
qHheF%[\5
</html>
|
|
|
|
[楼 主]
|
Posted: 2006-04-05 08:55 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 网页分辨率设置技巧
