| |
企业网站制作教程：表格的变形问题
网页在不同的屏幕分辨率、或改变窗口时常出现一些页面变形情况，这也是最令人恼火的事，怎么办呢?我们来看看怎么解决的。
1、采用百分比而出现的变形
这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比，如在一个表格单元的宽度是600，在它里面嵌入了另外一个表格，表格宽度占表格单元的50%，则这个表格的宽度为300，依此类推，如果在网页制作中一个表格不是嵌于另一个表格单元中，则其百分比是相对于当时窗口的宽度的，常出现在IE浏览器中，随便改动主页窗口的大小时，表格的内容也随之错位、变形，这是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度。
当然了，解决办法是网页制作不要设置成百分比，我提倡的是，如果表格没有外围嵌套标记，则将宽等设置成固定宽度，如有外围嵌套标记，则将外转嵌套标记的宽度设置为固定值，而表格的宽或高可设置为百分比，这样就不会出现变形了。
2、因为表格排列设置而在不同分辨率下所出现的错位
这种变形情况是：
1、在800*600的分辨率下时，一切正常，而到了1024*800时，则多个表格或者有的居中，有的却左排列或右排列，很难看，这是什么原因呢？
在解决这个网页制作问题之前，我们讲一下表格的排列。表格有左、中、右三种排列方式，如果没特别进行设置，则默认为居左排列，不用说了，这就是问题之所在。在800*600的分辨率下，表格恰好就有编辑区域那么宽，不容易察觉，而到了1024*800的时候，就出现的，解决的办法比较简单，即网页制作时都设置为居中，或左或右。
2、同样是这种分辨率切换，表格的上下排列不一致。
上边的所说的是水平错位，而这种则是纵向错位，多发生在一个表格单元里嵌入另一个表格的情况。其原因在于，嵌入的表格默认为竖向居中排列，在800*600分辨率时，这种错位看不出来，而到1024*800就出现了，解决办法如前，网页制作根据情况对排列进行设置，而不是采用其默认设置。 |
|
打印本文 
发表评论 
推荐本文 
返回顶部 
加入收藏 
关闭窗口