网页设计文字偏移如何解决

Question

本人是新手。我的这个网页在DW中用表格做的。在DW中黑框里的那个省略号的位置在“名人”两个字下面，但是在浏览器（IE9）中打开就偏到左边（在“文化艺术”四个字下面）。缩放网页之后依然是偏的。我用F12开发人员工具里调成IE7的模式和IE8的模式都不管用。但是在chrome和safari里打开就正常。这怎么办啊求解。

在DW里

在IE9里

Answer 1

浏览器不兼容。专业网页设计从来不提倡用table布局，因为各个浏览器对某些样式的支持标准都不同。不过用table比较容易控制，如果需要对应你上面的导航栏，那也要必须把导航栏的内容放进table里，否则网页是无法智能的对齐的，就算在你的浏览器对齐了，在别人的显示器大小不同的情况下又会这样的了，所以必须要把导航和你的内容放在同一个table中

<table>
<tr>
<td>简介</td>
<td>历史沿革</td>
<td>地理环境</td>
<td>资源</td>
<td>经济</td>
<td>文化艺术</td>
<td>旅游</td>
<td>名人</td>
</tr>

<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> ...... </td> <!这样就对齐了>
</tr>
<table>

上面代码，考虑到每个浏览器对样子支持的标准有些差异，对于<td>标签里的内容用“ ”这个空字符来占用空间大小，一面有些浏览器会默认<td>为空内容时，后面的省略号会往前面移动占去一行。

等你上手后，再考虑不要用<table>来设计网页吧

Answer 2

表格布局，如果表格中没有内容，再dw有默认的宽度，但是如果在ie7.8中没有内容，那么宽度就默认值就小了，你设置一下宽度

追问

我设置过宽度了呀？
出问题的这一行表格的列宽是：66、128、130、69、69、129、70、65、298。

追答

代码发出来看一下吧

追问

问题已经解决，谢谢你的帮助。

Answer 3

你直接在PS里的字体面板里设计

Answer 4

通过css控制，根据具体情况控制。
常见的有：
line-height:行高
margin、padding：左右上下的偏移
text-align：文字靠左、靠右、居中
关键还是具体问题具体分析

Answer 5

用DIV控制吧，现在表格兼容性不好