作者terrylchen (某T)
看板Web_Design
标题Re: [问题] 请问图层如何随网页置中
时间Fri Jan 25 01:26:55 2008
1F：→ chph:DW在设计模式下加入DIV会预设以absolute做定位 01/25 00:50
2F：→ chph:所以才会发生PO的问题, 解决方式是设定回正常定位就好了 01/25 00:51
3F：→ chph:不过要放连结的话直接打字再连不就好了吗？用不着来个div吧? 01/25 00:52
并非在设计模式下加入div会预设绝对定位，而是因为你选的是layer。
要用点选的方法加入div应该要选div标签而不是layer。
layer如何随网页置中其实算是很基本的观念问题。
有时会看到网页置中，而layer却在页面的左边；
或者是使用left的值使layer在网页的正确位置，
但是等到萤幕解析度一改变layer的位置就出现错误。
要解决这个问题必须从基本观念了解。
layer即是position为absolute的div。
当物件的position属性为absolute的时候，该物件会跳脱页面的结构，
并且以萤幕的左上角，即为座标(0,0)为计算的基准。
解决的方法就是使用一个「容器」将该物件包起来，
并且将position属性设定为relative，让里面的物件和容器本身做绝对定位。
基本上这样就解决一半了。
如果像原po是将layer放在td里，理论上来说，
应该将td加上position:relative来解决。
而在IE上，这样做的确是可以正常运作，
但是在FF上，则layer依然会以(0,0)来做定位。
以原po的情况来说，可以用一个大的div(姑且叫container)包住整个网页的内容，
container的position为relative，让layer跟container做绝对定位。
或是在layer所在的td里再用一个position为relative的div包住，
这样layer就会和所在的td做绝对定位。
--
某T：我喜欢你>/////<
：You gonna try harder...╮(╯_╰)╭
某T：啥？试着硬一点>///<(羞)
：是叫你再努力一点啦<(＃￣皿￣)╮☆(__ __||)
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.228.91.129
※ 编辑: terrylchen 来自: 61.228.91.129 (01/25 01:27)
4F：推 ateclean:推 01/25 03:01
5F：推 gpgpt:哇~好清楚，路过帮忙推 01/25 05:39
6F：推 chph:推 01/25 10:31
7F：推 degeneracy:推 01/27 14:38