第一种方法:做一个网页解决问题(长了点) 如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得"面目全非",那多令人沮丧
下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助
一、消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页,在全屏状态下浏览一切正常
但在改变浏览窗口大小之后,网页就变得"不堪入目"了,这是个很值得注意的问题
问题的根源还得从网页的布局说起,在 DW 中,网页内容的定位一般是通过表格来实现的,解决表格的问题也就成功了大半
大家应该注意到,在 DW 中表格属性面板的高宽设定选择上提供了两种不同类型:百分比和像素值
百分比的使用将会产生前面说到的那个毛病
这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比,如在一个表格单元的宽度是600,在它里面嵌入了另外一个表格,表格宽度占表格单元的50%,则这个表格的宽度为300,依此类推,如果在一个表格不是嵌于另一个表格单元中,则其百分比是相对于当时窗口的宽度的
IE 浏览器中,随便改动主页窗口的大小时,表格的内容也随之错位、变形,就是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度
自然,解决这个问题的办法就是将表格宽度设置成固定宽度(也就是像素值)
另外如果外层表格已做好固定宽度设置,内层表格也可以适当使用百分比设置
清楚这个原则以后,如果出现类似的问题大家也知道怎么解决
二、让网页居中 说到了窗口大小就会顺着路子想到分辨率的问题,在 800×600 分辨率下制作的网页在 1024×768 分辨率的机器上打开,整个网页就会跑到左边;1024×768 分辨率的网页在 800×600 分辨率的机器上有时也会变得"不堪入目"
两种分辨率各做一个吧