社区
CSS
帖子详情
网页在不同分辨率下显示不同的问题
coolpine
2003-05-20 03:23:06
在800*600下做的,没有用相对宽度
在1028*768下看,大小没有变,不过挤到左上角了
希望它居中,并且自动调整尺寸
各位高手都是怎么处理这个问题的?
...全文
188
12
打赏
收藏
网页在不同分辨率下显示不同的问题
在800*600下做的,没有用相对宽度 在1028*768下看,大小没有变,不过挤到左上角了 希望它居中,并且自动调整尺寸 各位高手都是怎么处理这个问题的?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
12 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
shmr
2003-05-21
打赏
举报
回复
可以这样:
先获取浏览器的分辨率,根据分辨率不同显示不同的网页
coolpine
2003-05-21
打赏
举报
回复
<html>
<head>
<title>青苹果工作室</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>
<body bgcolor="#000000" text="#ffffff">
<div id="Layer1" style="position:absolute; left:24px; top:11px; width:747px; height:366px; z-index:1">
<i><b><font face="Arial, Helvetica, sans-serif"><table width="100%" border="0" height="440">
<tr>
<td rowspan="6" width="133"><img src="images/text_apple.gif" width="85" height="355" align="right"></td>
<td rowspan="6" width="142">
<div align="center"><img src="images/line3.gif" width="2" height="380"></div>
</td>
<td height="58" colspan="2"> </td>
</tr>
<tr>
<td height="98" width="362"><img src="images/_SPACER.GIF" width="68" height="8"><a href="ourTeam.htm"><img src="images/text_group.gif" width="147" height="47" border="0"></a></td>
<td height="98" width="92"> </td>
</tr>
<tr>
<td height="107" width="362"><img src="images/_SPACER.GIF" width="112" height="8"><a href="ourWork.htm"><img src="images/text_works.gif" width="157" height="50" border="0"></a></td>
<td height="107" width="92"> </td>
</tr>
<tr>
<td height="99" width="362"><img src="images/_SPACER.GIF" width="152" height="8"><a href="http://gb.9ww.net/index.asp?user=kingpine"></a><a href="http://gb.9ww.net/index.asp?user=kingpine"><img src="images/text_words.gif" width="156" height="50" border="0"></a></td>
<td height="99" width="92"> </td>
</tr>
<tr>
<td height="16" colspan="2"> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
</font></b></i></div>
<div id="Layer2" style="position:absolute; left:281px; top:81px; width:45px; height:88px; z-index:2">
<table width="101%" border="0" height="81">
<tr>
<td height="75"><img src="images/apple_gif.gif" width="57" height="57"></td>
</tr>
</table>
</div>
<div id="Layer3" style="position:absolute; left:281px; top:180px; width:111px; height:98px; z-index:3">
<table width="99%" border="0" height="93">
<tr>
<td width="55%" height="94"> </td>
<td width="45%" height="94"><img src="images/apple_gif.gif" width="57" height="57"></td>
</tr>
</table>
</div>
<div id="Layer4" style="position:absolute; left:290px; top:290px; width:177px; height:93px; z-index:4">
<table width="100%" border="0" height="82">
<tr>
<td width="51%" height="90"> </td>
<td width="49%" height="90"><img src="images/apple_gif.gif" width="57" height="57"></td>
</tr>
</table>
</div>
<div id="Layer5" style="position:absolute; left:27px; top:427px; width:744px; height:43px; z-index:5">
<table width="75%" border="0" align="center" height="34">
<tr>
<td> <marquee> <font color="#99FFCC">wwwwwwwww </marquee> </td>
</tr>
</table>
</div>
<div align="center">
<p> </p>
<p> </p>
</div>
</body>
</html>
coolpine
2003-05-21
打赏
举报
回复
我有五个层,可是不管转换哪一个,都提示
“'Layer1' 与 'Layer2' 交迭。
'Layer1' 与 'Layer3' 交迭。
'Layer1' 与 'Layer4' 交迭。
'Layer1' 与 'Layer5' 交迭。”
omegahh
2003-05-21
打赏
举报
回复
到dreamware中,把你把层转换成表格,转换前先做个备份。然后把你<body>中的代码嵌套到ferv给你的代码中。在dreamware中,修改--》转换--》层到表格
ffs
2003-05-20
打赏
举报
回复
把你得原码贴出来吧
这样方便些
coolpine
2003-05-20
打赏
举报
回复
可是不知道怎么回事,不是在中间,而是在左上角
bloodguy
2003-05-20
打赏
举报
回复
最好用绝对值,对于不同的分辨率都一样,小的刚好,大的居中两边网页背景多好!大部分的网站都这样做,排版方面不会乱掉,如果网页是纯文字的话才用自动适应!
一般网页都把宽度设成780像素!
coolpine
2003-05-20
打赏
举报
回复
<div id="Layer1" align="center" style="position:absolute; left:24px; top:11px; width:747px; height:366px; z-index:1">
是绝对的啊
fervv
2003-05-20
打赏
举报
回复
我觉得你的网页应该是相对值设置太多所至
coolpine
2003-05-20
打赏
举报
回复
如果尺寸都用百分比,从800*600到1024*768的时候会变形吗?
to ferv(中性主张) :
用了你的方法,还是不行啊
我的页面里面有很多层和表格,层和表格里面放了图片,好像都不是相对值
fervv
2003-05-20
打赏
举报
回复
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<table width="100%" hight=100% border="0" cellspacing="0" cellpadding="0" height="100%" >
<tr>
<td align="center" valign="middle">
你的源码
</td>
</tr>
</table>
</BODY>
</HTML>
bbrr
2003-05-20
打赏
举报
回复
要居中的话<div align="center">
要自动调整尺寸必须用百分比
32X32超级经典的ico图标素材
超级经典的ico图标素材超级经典的ico图标素材32X32
精典图标库(编程资源)
从各处搜集到各式各样的经典图标文件,供大家美化桌面或编程时使用
HTML5+jQuery Mobile模板两套
HTML5+jQuery Mobile模板两套
网页
制作——
不同
分辨率
显示
不同
页面
有一种办法就是让单独的一个页面作为主页,让这个主页检测
分辨率
,之后转到相应的页面,你可以试一试,把下面的“页面一”、“页面二”、“页面三”、“页面四”改成你的
网页
,不影响速度。做项目时,遇到大屏页面在
不同
分辨率
电脑上
显示
不同
的效果。因为页面中模块有很多
不同
,所以决定做
不同
的页面,在
不同
分辨率
的电脑上
显示
不同
的路径,怎么做呢?直接把修改后的下面的文件存储为一个
网页
即可。
解决Html在
不同
分辨率
下
显示
效果不一样的
问题
问题
描述: 让导航栏重叠在轮播图上面,并且导航栏要是透明的状态,功能实现了,但是出现拖到分屏宽度就变了。 代码: 开始用的宽度设置都是px单位,后来改成百分比就可以自适应了。 原因分析: 百度看到HTML+CSS项目实践八:同一个HTML页面,在
不同
电脑上的
显示
效果不一样!解决HTML页面针对
不同
分辨率
的
问题
通过设置百分比长宽,对于
不同
分辨率
的
显示
器上会自动适应大小。 ...
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章