Forums
This topic is locked
Layers in Dreamweaver MX
Posted 04 Nov 2002 19:27:17
1
has voted
04 Nov 2002 19:27:17 Colin Solloway posted:
I have a centred table on a page with graphics in it (created in Fireworks). I have created a new layer on the same page to hold a form, and positioned the layer carefully over the table. When I view the page in a browser (IE 6) and re-size the window, the table retains its central position, but the layer, and its form, stay still, thus losing alignment with the table on the page. If I align the table to the left there is no problem.How can I keep a layer and a centered table together when the page is resized?
Thanks,
Colin.
Replies
Replied 19 Nov 2002 16:57:20
19 Nov 2002 16:57:20 Tuan Hoang replied:
Colin:
I don't know much about layers and such, but it seems like you need to somehow place the centered table into a layer that is nested in the outer layer or is that vice-versa. Here's a link that talks about using style sheets that incorporate nesting layers. It may help.
www.webreference.com/authoring/style/sheets/layout/advanced/
I don't know much about layers and such, but it seems like you need to somehow place the centered table into a layer that is nested in the outer layer or is that vice-versa. Here's a link that talks about using style sheets that incorporate nesting layers. It may help.
www.webreference.com/authoring/style/sheets/layout/advanced/
Replied 08 Dec 2002 13:13:34
08 Dec 2002 13:13:34 Dan The Man replied:
this should help solve your problem
<div id="Layer1" align="center" style="position:absolute; top:0%; left:0%; width:100%; z-index:2;">
<div id="Layer2" style="z-index:2;">
<form>
...
</form>
</div>
</div>
Edited by - ANIMESHRINE1134 on 08 Dec 2002 13:16:01
<div id="Layer1" align="center" style="position:absolute; top:0%; left:0%; width:100%; z-index:2;">
<div id="Layer2" style="z-index:2;">
<form>
...
</form>
</div>
</div>
Edited by - ANIMESHRINE1134 on 08 Dec 2002 13:16:01
Replied 15 Dec 2002 23:28:42
15 Dec 2002 23:28:42 Marja Ribbers-de Vroed replied:
You will need the SnapLayers extension to 'anchor' the layer to something (an image) in the centered table.
It's available from www.projectseven.com.
Apply it to the onLoad and to the onResize event for the <body> tag.
Regards,
--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/
It's available from www.projectseven.com.
Apply it to the onLoad and to the onResize event for the <body> tag.
Regards,
--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/