下载文档原格式
关于学生使用Dreamweaver时常见问题的分析重庆建华职业学校熊海林各位老师都知道Dreamweaver对于细节和规范的要求很高，而学生常常比较粗心，制作也比较随意，经常会产生一些意想不到的错误，让我们无从下手调试解决错误。
今天我们就一起来讨论一下Dreamweaver纠错的问题。
要想让学生少犯错误，首先要提前强调经常出错的关键点，并要求学生记在笔记本上。
当然，这不会彻底杜绝学生犯错，但至少能大大减少学生出错的概率，哪些是学生常犯的错误呢，我在这里列举一下，供各位老师参考：一，站点文件：建立一个规范整洁的站点文件夹是一个网站以后能够顺利运行的根本，也是减少出错的基础。
而学生往往忽略这一点，对站点及文件命名归类并不重视。
学生常见的错误主要有：中文命名文件；站点根目录内没有用images和flash等文件夹归类，图片、代码文件混在一起；首页没有用index 命名，其他文件起名随意，如AAA,B1等，不易查找；部分网站内容没有放置在站点根目录内。
如果站点本身就有问题，那么后面出错的机会就会非常大，所以一定要要求学生规范建立站点，养成好习惯。
二，路径错误：路径是网页与相关元素的桥梁，一旦出现错误，精心设计的页面也就惨不忍睹了。
比较常见的是图片链接的错误，我们经常会发现页面上的图片无法显示了，到底什么原因呢？有可能是以下问题：如果是一个小红叉的图片提示，那么多半是路径错误，你需要查看一下图片的路径，如果设置的是“../images/good.jpg”这样的相对路径，代表在父级目录的images文件夹下的good.jpg图片文件，这是正确的，那么如果设置的是“file:///C|/Documents/good.jpg”，这是一个本机绝对路径，代表在C 盘我的文档下的good.jpg图片文件，那么就说明很可能是路径的问题，这个图片没有在你的站点文件夹内，因此未找到该图片。
图片无法显示还有另外一种情况，就是一片空白，没有任何提示，那你看一下图片的名称，不是中文命名，就是格式错误，把PSD文件当成JPG文件插入进网页中来了。
第11讲布局技术-层AP Div1.1教学目标：◆知识目标1.理解层的作用2.掌握层的各种基本操作◆技能目标能运用层进行布局，能设置层的重叠与嵌套，能合理操作层◆品质目标培养学生认真细致、踏实进取的精神1.2教学重点：1.掌握层的各种基本操作1.3 教学难点理解层的作用和操作。
1.4教学方法：讲练结合，任务驱动、分子任务操练1.5课时安排：2课时1.6教学对象分析：这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情况上，培养学生较好的专业基础与创新创作意识。
1.7教学过程：一、激趣导入，揭示课题层是一种HTML页面元素，可以将其定位在页面上的任意位置。
层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容。
通过Dreamweaver MX 2004，可以使用层来设置页面的布局。
可以将层前后放置，隐藏某些层而显示其他层，以及在屏幕上移动层。
还可以在一个层中放置背景图像，然后在该层的前面放置第二个层，利用层不仅可以非常灵活地放置内容，还可以根据不同的设置，实现相应的动态效果。
二、层的操作层可以理解为浮动在网页上的一个页面，它可以准确地定位在页面上的任意位置，并可以规定它的大小。
通过层可以对网页进行精确定位。
不仅如此，通过对层与行为的综合使用，还可以创作出赏心悦目的动作效果。
层可以包含文本、图像或其它任何可在网页中放置的内容。
层可以重叠，并且可以改变重叠次序，因此可以在网页上实现内容的重叠效果；可以动态地设定层的显示或隐藏，实现层内容的动态交替显示等特殊的显示效果；层可以嵌套，子层会遗传父层的特征，例如可见性，位置移动等。
0.1新建层用Dreamweaver可以方便地在页面上创建层并精确地将层定位。
建立新层的步骤：●在编辑窗口的“插入”栏的“布局”选项卡中，选取“描绘层”按钮，如图2-95所示。
或者执行“插入/布局对象/层”命令。
![[精品]DWAP元素的创建和使用](https://uimg.taocdn.com/c2b594afd4d8d15abe234ee3.webp)
div被iframe遮住的几种情况及解决方法当一个div被一个iframe遮住时，通常是由于以下几种情况：1. iframe的层级高于div：在HTML中，元素可以通过z-index属性来指定其层级。
如果iframe的z-index值比div的z-index值高，则iframe将会在div的上方显示，从而遮住div。
解决方法是使用CSS将div的z-index值设置为比iframe更高的值，确保div位于iframe的上方。
2. iframe的宽度和高度过大：如果iframe的宽度和/或高度超过了div，那么iframe将会遮住div的内容。
解决方法是通过调整iframe的宽度和高度，确保它不会超过div的大小。
3. iframe的position属性为fixed或absolute：当iframe的position属性值为fixed或absolute时，它将脱离正常文档流，并且可以覆盖其他元素，包括div。
解决方法是将iframe的position属性值设置为static或relative，使其保持在正常文档流中，从而不会遮住div。
4. iframe位于div之上方：如果div和iframe同时位于页面上，但是div在iframe之后被创建或者移动到iframe之后，那么iframe将会遮住div。
解决方法是通过CSS调整div和iframe的位置，确保div位于iframe之前。
除了上述情况，还可能存在一些特殊的情况。
下面是一些其他可能导致div被iframe遮住的情况以及对应的解决方法：5. CSS的overflow属性：如果div的overflow属性值为hidden或scroll，则它的内容可能会被截断，不能完全显示。
即使iframe在其之后创建，也可能会遮住截断的内容。
解决方法是通过调整div的overflow属性值为visible，以便完全显示其内容。
6. iframe的透明度：如果iframe的透明度设置为小于1的值，那么它将会遮住后面的内容，包括div。
第四章APDiv的基本操作第四章AP Div基本操作一、单项选择题1、在Dreamweaver cs3中，不能选中AP DIV的方法是（A）A、单击AP Div的边框B、双击Ap Div的任意位置C、单击AP元素面板中的Ap Div名称D、单击AP Div的控制面板2、在Dreamweaver cs3中，单击“插入记录-布局对象-AP Div”命令，插入的AP Div的默认值大大小是（D）A、200*100PXB、200*200C、215*100D、200*1153、在Dreamweaver cs3中，关于嵌套AP Div的说法正确的是（C）A、子AP Div必须包含在父AP Div内B、当父AP Div被定义为隐藏属性时，子AP Div也一定隐藏C、当父AP Div移动时，子AP Div也随之移动D、在“AP Div”面板中，直接拖拽一个AP Div的名称到另一个AP Div的名称上，可以创建嵌套AP Div4、关于AP Div的说法错误的是（D）A、在AP Div内再绘制一个AP Div一定可以创建嵌套AP DivB、利用AP Div可以非常方便的将页面元素放置到网页的任意位置C、AP Div可以喝表格相互转换D、利用AP Div可以制作网页特效5、在Dreamweaver cs3中，通过AP元素面板不能实现的是（C ）A、设置AP Div的可见性B、设置AP Div的大小C、改变AP Div的叠放顺序D、创建嵌套AP Div6、关于Z轴，以下说法错误的是（D）A、Z值越大，AP Div越靠上B、Z值必须是连续的C、Z值可以是负数，但不能是小数D、在AP元素面板中，拖动AP Div到一个新位置，其Z值也将发生变化7、要想设置AP Div的可见性区域大小，在AP Div属性面板上可以设置的属性是（A）A、溢出B、可见性C、剪辑D、Z轴8、选中AP Div后，要使其向左移动1个像素的位置，以下操作正确的是（C）A、直接按方向键→B、按下CTRL键的同时按→C、按下Shift键的同时按→D、按下Ctrl+Shift键的同时按→9、当AP Div的溢出属性设置为（C）时，一定会出现滚动条A、autoB、defaultC、hideenD、scroll10、要设置无论父AP Div是否可见，子AP Div均可见，子AP Div的“可见性”属性应该设置为（B）A、inheritB、defaultC、hiddenD、visible11、要精确设置AP Div在页面中的位置，在属性面板上可以使用的属性是（A）A、宽和高B、左和上C、Z轴D、剪辑12、当子Ap Div在显示属性设置为visible时，如果父Ap Div设置为hidden，则子AP Div呈现的状态是（B）A、显示B、隐藏C、不一定D、以上均不正确13、在Dreamweaver cs3中通过AP元素面板不能实现的是（）A、设置AP Div的可见性B、设置AP Div的溢出属性C、改变AP Div的叠放顺序D、防止AP Div重叠14、关于嵌套AP Div，以下说法正确的是（）A、父AP Div增大或减小，子AP Div也随之增大或减小B、在AP元素面板中左下方拖动子AP Div可使它与父AP Div的嵌套关系取消C、子AP Div的z值必须小于父AP Div的z值D、子AP Div的位置必须包含在父AP Div中，不能超出父AP Div的范围15、在“将表格转换为AP Div”的对话框中，不包括的布局工具是（B）A、显示网格B、靠齐到网格C、显示标尺D、显示AP元素面板二、填空题1、按住（Shift）键，同时使用方向键，以1个像素为单位精确调整AP Div的大小2、选中两个AP Div，选择“修改-排列顺序-左对齐”，可以使AP Div向（）个AP Div 左方对齐3、当子AP Div的可见性为（）时，其可见性与父AP Div相同4、将表格转换为AP Div时，表格的空白单元格（）产生AP Div5、AP Div的z值越大，AP Div越靠（）三、简答题1、在Dreamweaver cs3中，选中AP Div的方法有哪些？2、AP Div的溢出性有哪些？各有什么含义？3、在嵌套AP Div中，子AP Div与父AP Div有哪些关系？四、操作题1、在Dreamweaver cs3中，如何改变AP Div的叠放顺序2、在Dreamweaver cs3中，如何创建嵌套AP Div。
![10.1.3 插入嵌套AP Div_Dreamweaver CS4中文版基础教程_[共2页]](https://uimg.taocdn.com/f85238f5aaea998fcd220e60.webp)
第10章 应用AP Div ──设计“自然写真”网页 185面板中“布局”类别中的按钮绘制AP Div 。
下面将介绍使用菜单命令插入AP Div 的操作方法。
1. 将光标定位在要插入AP Div 的位置，如图10-4所示。
2. 执行菜单命令【插入】/【布局对象】/【AP Div 】，即可创建一个默认大小（200px ×200px ）的AP Div ，如图10-5所示。
图10-4 放置光标位置 图10-5 插入AP Div在向文档中插入AP Div时，Dreamweaver CS4会自动依次为其命名为“apDiv1”、“apDiv2”。
此时的AP Div 名称即为“apDiv1”。
10.1.3 插入嵌套AP Div嵌套AP Div 是指创建在其他AP Div 中的AP Div 。
嵌套AP Div 可以与被嵌套AP Div 一起移动，并且可继承被嵌套AP Div 的可见性。
下面将介绍插入嵌套AP Div 的操作方法。
1. 将光标置于“apDiv1”AP Div 内，执行菜单命令【插入】/【布局对象】/【Div 标签】，打开【插入Div 标签】对话框，然后在【插入】下拉列表中选择【在插入点】选项，在【ID 】下拉列表中输入“Header ”，如图10-6所示。
图10-6 【插入Div 标签】对话框id=“apDiv1”指的是名为“apDiv1”的AP Div ，即上一操作创建的AP Div 。
在【ID 】下拉列表中输入“Header ”即此时创建的AP Div 的名称。
2.单击按钮，打开【新建CSS 规则】对话框，如图10-7所示。
3. 保持默认参数，然后单击按钮，打开【#Header 的CSS 规则定义】对话框，选择“定位”类型，设置【Position 】为“absolute ”、【Width 】为“100”、【Height 】为“100”，如图10-8所示。
AP Div光标位置。
解决电脑网页内容显示错位的问题在电脑使用过程中，我们可能会遇到网页内容显示错位的问题。
这种情况下，页面的布局变得混乱，文字和图片位置错乱，影响了我们的浏览体验。
针对这个问题，本文将介绍一些常见的解决方法，帮助大家解决电脑网页内容显示错位的困扰。
一、检查网络连接首先，我们应该检查电脑的网络连接是否正常。
有时候，网页错位可能是由于网络连接不稳定造成的。
我们可以尝试刷新页面或者重新连接网络，看看问题是否得以解决。
二、清除浏览器缓存浏览器缓存是指浏览器保存网页资源文件的临时存储空间，它的作用是提高网页加载速度。
然而，缓存文件过多或者损坏可能导致网页错位的问题。
因此，我们可以清除浏览器缓存，以解决网页错位的困扰。
不同的浏览器清除缓存的方法略有不同，一般可以通过以下步骤进行操作：1. 打开浏览器的设置界面；2. 找到“高级”或者“隐私与安全”等选项；3. 找到“清除浏览数据”或者“清除缓存”等选项；4. 选择清除缓存的内容范围（建议选择“全部”）；5. 点击确认，等待缓存清理完成。
三、更换浏览器有些时候，网页错位的问题可能是由于浏览器的兼容性或者版本更新问题造成的。
我们可以尝试更换其他浏览器，比如Google Chrome、Mozilla Firefox等，看看问题是否得到解决。
四、检查屏幕分辨率和缩放设置屏幕分辨率和缩放设置也可能对网页显示产生影响。
如果我们的电脑分辨率设置过低或者缩放设置不合适，就会导致网页显示错位。
因此，我们可以适当调整电脑的分辨率和缩放设置，看看问题是否能够解决。
具体操作步骤如下：1. 在桌面上点击鼠标右键，选择“显示设置”；2. 找到“分辨率”选项，选择合适的分辨率；3. 找到“缩放和布局”选项，调整缩放比例为100%；4. 点击确认，应用设置。
五、禁用浏览器扩展和插件有时候，浏览器的扩展和插件也可能干扰网页的显示，导致内容错位。
我们可以尝试禁用或者删除一些不常用的扩展和插件，看看问题是否得以解决。
Dreamweaver 简明教程Dreamweaver是Macromedia公司的出品的一款"所见即所得"的网页编辑工具。
与 Frontpage 不同，Deamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。
但当你习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。
Dreamweaver对于DHTML（动态网页）的支持特别好，可以轻而易举地做出很多眩目的互动页面特效。
插件式的程序设计使得其功能可以无限的扩展。
Dreamweaver与Flash、Firework 并称为 Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。
因此，说Dreamweaver是高级网页制作的首选并不为过。
·初步认识Dreamweaver·编辑窗口①主菜单②工具栏③对象面板④属性面板⑤面板组⑥快速启动栏⑦编辑区域·站点窗口·制作前的准备工作—定义网站·从最简单的网页开始·设置页面属性·制作一个最简单的网页·让你的网页更漂亮·图片的处理·文字的处理·样式表使文字更添风采·建立超级链接·网页的排版·根据参数做出表格·层的使用(结合层的控制面板)·新增的排版功能·为网页增添互动效果·制作更复杂的互动效果·举例:打开一个没有工具栏的浏览窗口.精华部分——时间轴和行为介绍·建立样板·套用样板·更新样板.DreamWeaver,经典问(目录)1>在DW中，如何输入一个空格呢？2>为什么，我本来设计很好的网页，在浏览器窗口最小化时会变的丑陋难堪？3>如何改变网页显示时，最顶部的提示信息？4>怎么样，才能为图片添加指定颜色的边框？5>如何添加图片及链接文字的提示信息？6>以新窗口的形式打开目标链接？7>如何把自己的ZIP或其他类型的文件供别人下载?8>水平线，为什么不能设置颜色？9>如何去除掉链接文字下面的下划线？10>怎样让鼠标在链接文字上方“悬停”时，产生变色，变形等效果？11>同时在一个图片上，作很多个链接，怎么办？12>怎样制作可以响应鼠标事件的翻转图片？13>邮件地址的超级链接1> 在DW中，如何输入一个空格呢？输入空格的问题，在DW似乎已成了一个老生常谈的问题，我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。
竭诚为您提供优质文档/双击可除为什么dreamweaver把表格转换为apdiv没反应篇一：dreamweaver层与表格的转化dreamweaver/将层转化为表格防止层重叠由于表单元格不能重叠，dreamweaver无法从重叠层创建表格。
如果您要将文档中的层转换为表格，请使用“防止重叠”选项来约束层的移动和定位，使层不会重叠。
在启用该选项后，可以在现有层前面创建层，在现有层上移动层或调整层大小，或者将某个层嵌套在现有层中。
如果您在创建重叠层后激活此选项，请拖动每个重叠层以使其离开其他层。
当您启用“防止层重叠”选项后，dreamweaver 不会自动修正页面上的现有重叠层。
在启用此选项和靠齐后，如果靠齐会使两个层重叠，则层将不会靠齐到网格。
相反，层将靠齐到最接近的层的边缘.这是一个新的注释表。
此表已附加到tatable_anchor段落标签。
要创建一个表，请在参考页面中进行复制和粘贴。
即使在启用“防止重叠”选项后，仍可以执行某些操作来将层重叠。
如果您使用“插入”菜单插入一个层，在“属性”检查器中输入数字或者通过编辑html源代码来重定位层，则可以在此选项已启用时使层重叠或嵌套。
如果出现重叠，请在设计视图中拖动各重叠层以使其分离。
若要防止层重叠，请执行以下操作之一：o在“层”面板（“窗口”>“层”）中，请选择“防止重叠”选项。
o在“文档”窗口中，选择“修改”>“排列”>“防止层重叠”。
在层和表之间转换您可以使用层创建布局，然后将层转换为表格，以使您的布局可以在较早的浏览器中进行查看。
在转换为表格之前，请确保层没有重叠。
若要将层转换为表格，请执行以下操作：1.选择“修改”>“转换”>“层到表格“，即可显示“转换层为表格”对话框。
2.选择所需的选项，单击“确定”，层即转换为一个表格。
若要将表格转换为层，请执行以下操作：1.选择“修改”>“转换”>“表格到层”,即可显示“转换表格为层”对话框。
学习Dreamwaver设计div层的对齐方式
下面小编为大家带来的是学习Dreamwaver设计div层的对齐方式，这里
详细的介绍了学习Dreamwaver设计div层的对齐方式的相关知识，希望能对
大家有所帮助。
在Dreamwaver中设计div层的时候，属性面板没有像表格一样给出水平、
垂直对齐方式的选项，使用下面的代码可以做到：
;;;;;;;请将 图片(可多张) 或 其它内容 插入
<span></span>标签中;;;;;;;;;;;;;;;;;;;asddsf;;;;;
以上是给大家带来学习Dreamwaver设计div层的对齐方式的内容，感谢大
家继续支持我们的51。
在你贴的那段代码前面加上<div styl e="pa dding-left:200p x; pa dding-top:100px;">在那段代码最后面加上</div>那可，如果觉得位置不对可以调整其中的200和100即可调整左边距和顶边距1）怎样将Dream weave r 集成到 IE 浏览器？D reamw eaver安装程序会在上下文选单增加一个“ Ed it wi th Dr eamwe aver”命令，我们还可以修改 Win dows的注册表使它与 IE集成。
就象 MSWord、 Fro ntpag e和N otepa d 一样，通过 IE工具栏的编辑按钮来调用 Dr eamwe aver打开当前网页。
将下面文本的最后一行要改为你自己的 Drea mweav er 安装路径，把它们保存为一个 *.r eg 文件，双击它将信息添加到注册表即可。
REG EDIT4[HK EY_CL ASSES_ROOT\.htm\Open WithL ist\D reamw eaver][H KEY_C LASSE S_ROO T\.ht m\Ope nWith List\Dream weave r\she ll] [HKEY_CLAS SES_R OOT\.htm\O penWi thLis t\Dre amwea ver\s hell\edit][HKE Y_CLA SSES_ROOT\.htm\OpenW ithLi st\Dr eamwe aver\shell\edit\comm and]@="C:\Pro gramfiles\Macr omedi a\Dre amwea ver 3\drea mweav er.ex e %1"如果要设置为 IE缺省的编辑器，打开 IE 的“Inte rnet选项”，在程序标签指定。
1. 目标不居中；一般新手都爱出现这个问题，主要原因是对盒子模型不够理解，如果发现你的页面没有居中，基本上有两种情况：a. 如果是在浏览器中没有居中，就是没盒子，就是要用一个大DIV把所有需要居中元素装起来，然后给盒子一个css样式margin:0 auto;b. 如果想要盒子内的元素居中，必须定义盒子的绝对宽度,然后给盒子一个CSS样式text-align:center;2. 目标在不同浏览器上的位置不同；a. 首先不要去急着找hack,先看一下自己的代码有没有错误，DW 里有一个“检查 HYPERLINK"/ues/index?word=%E6%B5%8F%E8%A7%8 8%E5%99%A8%E5%85%BC%E5%AE%B9%E6%80%A7&fr=qb_se arch_exp&qb_ues_exp=1&ie=utf8" \t "_blank" 浏览器兼容性”功能特别实用；b. 然后，尽量让目标的位置初始化，使之在所有浏览器都处在同一个位置，这个条件的前提是，不写hack，最后再一个方位一个方位调整。
3. 目标与目标之间距离在各个浏览器上的区别；a. 给其中一个目标加背景颜色；b. 观察背景色与另外一个目标的距离，查看是不是这个目标造成的距离问题c. 如果不是上一个目标，那就给另外一个目标也加上背景颜色。
d. 这样很容易判断出那个目标造成的原因，就针对那个目标进行修改。
4. IE6兼容问题最多的一个，浮动问题。
a. flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，解决方法：只需要给这个DIV加一个样式： HYPERLINK"/ues/index?word=display%3Ainline&fr=qb_se arch_exp&qb_ues_exp=1&ie=utf8" \t "_blank" display:inline;b. 布局的时候经常会遇到这种情况：发现有一个DIV浮动了，接下来的一个DIV本来是要在下面显示的，结果跑上面去了，这种情况一般在FF下面会出现。
网页错位原因解决方法
不时我们会碰到咱们要配置在一行呈现的组织，却由于种种缘故原由组成为了错位，看到究竟是在一行的着末一个盒子布局错位掉上去了（下
列图）。
错位一 3错位凋零与1和2下方错位二网页组织错位树范
形成DIV CSS网页结构错位的原由大概有两种环境，一种是宽度计算差迟，一种是IE BUG造成，额外是IE6与IE7。
今后我们挨着为各
人简介错位与方案错位法子。
一、宽度计算纰谬决定方法
宽度计算差错，假设总宽度为500px，有3个盒子，划分css宽度为200px、200px、100px，这个没标题可能在一排闪现不会错位，但
若退出了css边框、padding、margin属性时，别忘记这几个属性所
第1页共3页。
Dreamweaver中层(AP DIV)错位问题的解决方法
新手在使用Dreamweaver时，内容“错位”应该算是常见的问题。
这个错位问题，大概可以描述为这样：
用Dreamweaver绘制层(也叫AP DIV或者AP元素，以下均用“层”来表示)并调整位置之后，在浏览器正常显示，如果下图：
改变浏览器的大小之后（浏览器取消最大化，或者换一台电脑打开），网页的内容错位（以下只是错位的一个情况），显示样子如下：
下面先说一下解决方法：
一、找到相应错位的网页内容的标签（非层中的内容）：
如果错位的内容是文字的话，可以在Dreamweave“设计”选中这些文字，之后切换到Dreamweaver的“代码”，这些文字外层的标签，就是要找的标签了；如果错位内容是图片的话，只要点击相应图片，之后再到“代码”里找外层标签就好了。
用上例内容，操作图如下：
步骤1：
步骤2：
二、给这个标签加“相对定位”：只要在代码里加上style="position:relative;”就行了，上例中，应该写成这样：<div id="div2" style="position:relative;">相当于网页的内容</div>
三、找到相应的层的代码：方法可以如上，或者在“设计”视图下，点击层左上那个小方框，点击之后，切换到“代码”视图下，整个层的内容都会选中，上例的效果图如下：
步骤1：点击层左上方小方框；
步骤2：找到相应代码；
四、直接把层的整个代码剪切到“相应错位的网页内容的标签（也就是刚刚改动过代码的那个标签）”里面，上例中操作如下图：
注意：如果找到的“相应错位的网页内容的标签”是
<td>网页内容</td>的话，那你要在<td></td>里面加上这个：
<div style="position:relative;"></div>
也就写成这样：<td>网页内容<div style="position:relative;"></div></td>
之后，再把相应的层的代码内容剪切到新加的这个DIV里，也就是剪切到<div style="position:relative;"></div>里；
到此，这个“错位”问题应该是解决了。
当然，还会有其它复杂情况是本文考虑不到的，那只能再寻其它妙法了。
声明：
这个是为使用dreamweaver的新手且不能看代码、不懂相关术语的朋友所写的，所以看上去有些不简捷扼要，特此小声明一下，水平有限，望业内朋友多多指点。
以下是关于标签定位的内容是给要求知道原理的朋友看的，不在多作解释啦：
Dreamweaver生成的层，是绝对定位（可查一个“绝对定位”的解释），而绝对定位的块级元素是以含有相对定位或绝对定位的父级标签作参照定位自己的位置的，如果没有这样的标签，它就会以<body>作为参照定位了。
