 | |
absolute positioning of layer
Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)
 |
| | Thread Tools | Display Modes |
#1
 
| |||
| |||
|
absolute positioning of layer -
11-16-2004
, 11:06 AM
#2
| |||
| |||
|
|
Is there a way to lock the position of a layer on a page? My pages are fine viewed 'full screen' but if you resize the window the layers stay put (I guess as a result of co-ordinates to top left?) and the page moves underneath. I didn't used to suffer as I had pages aligned left, but this site is 800px wide and positioned central, so is causing probs. many thanks in advance |
#3
| |||
| |||
|
|
Is there a way to lock the position of a layer on a page? My pages are fine viewed 'full screen' but if you resize the window the layers stay put (I guess as a result of co-ordinates to top left?) and the page moves underneath. I didn't used to suffer as I had pages aligned left, but this site is 800px wide and positioned central, so is causing probs. many thanks in advance |
#4
| |||
| |||
|
|
You have answered your own question, really. The layers are locked in position. There are really three ways I know of to make the page and its layers move together. 1. Use dynamic javascript to reposition the layers based on some other content that is centering. This is fairly simple to do, using a free extension for DW (called SnapLayer) from Project Seven, http://www.projectseven.com/ 2. Make your page be contained in a centering table, put your layer into that table, change the layer from absolute to relative positioning, and then reposition it as needed. You will have to do this repositioning by editing the code, however, not by dragging the layer on the screen. 3. Use CSS positioning to wrap the entire page in a division, including the layer, and then center that division. Now everything will migrate within the browser viewport as a unit. Did I lose you? To do the latter here is a good demonstration - http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html And here is some code - (inline styles used for clarity) STYLESHEET - body { text-align:center; } /* for IE5/IE5.5 */ #wrapper { text-align:left; } BODY - div id="wrapper" style="width:760px; top:0; margin:0 auto; position:relative;" div id="layer1" style="width:200px; top: 25px; left:140px; position:absolute;">blah</div div id="layer2" style="width:180px; top: 136px; left:23px; position:absolute;">blah</div /div Try that - an outer relatively positioned division with a width and auto left and right margins. All interior AP divisions will be centered, yet retain the same relative positioning. -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "andrew coley" <webforumsuser (AT) macromedia (DOT) com> wrote in message news:cnd8i9$k6j$1 (AT) forums (DOT) macromedia.com... Is there a way to lock the position of a layer on a page? My pages are fine viewed 'full screen' but if you resize the window the layers stay put (I guess as a result of co-ordinates to top left?) and the page moves underneath. I didn't used to suffer as I had pages aligned left, but this site is 800px wide and positioned central, so is causing probs. many thanks in advance |
#5
| |||
| |||
|
|
Wow, will roast horse's example work on all browsers. do you think. regards twocan's "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cnd9j3$l9k$1 (AT) forums (DOT) macromedia.com... You have answered your own question, really. The layers are locked in position. There are really three ways I know of to make the page and its layers move together. 1. Use dynamic javascript to reposition the layers based on some other content that is centering. This is fairly simple to do, using a free extension for DW (called SnapLayer) from Project Seven, http://www.projectseven.com/ 2. Make your page be contained in a centering table, put your layer into that table, change the layer from absolute to relative positioning, and then reposition it as needed. You will have to do this repositioning by editing the code, however, not by dragging the layer on the screen. 3. Use CSS positioning to wrap the entire page in a division, including the layer, and then center that division. Now everything will migrate within the browser viewport as a unit. Did I lose you? To do the latter here is a good demonstration - http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html And here is some code - (inline styles used for clarity) STYLESHEET - body { text-align:center; } /* for IE5/IE5.5 */ #wrapper { text-align:left; } BODY - div id="wrapper" style="width:760px; top:0; margin:0 auto; position:relative;" div id="layer1" style="width:200px; top: 25px; left:140px; position:absolute;">blah</div div id="layer2" style="width:180px; top: 136px; left:23px; position:absolute;">blah</div /div Try that - an outer relatively positioned division with a width and auto left and right margins. All interior AP divisions will be centered, yet retain the same relative positioning. -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "andrew coley" <webforumsuser (AT) macromedia (DOT) com> wrote in message news:cnd8i9$k6j$1 (AT) forums (DOT) macromedia.com... Is there a way to lock the position of a layer on a page? My pages are fine viewed 'full screen' but if you resize the window the layers stay put (I guess as a result of co-ordinates to top left?) and the page moves underneath. I didn't used to suffer as I had pages aligned left, but this site is 800px wide and positioned central, so is causing probs. many thanks in advance |
#6
| |||
| |||
|
|
Soitenly. All v5+ for sure. -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "twocan's" <abbadontdoit (AT) hotmail (DOT) com> wrote in message news:cnda1l$lsb$1 (AT) forums (DOT) macromedia.com... Wow, will roast horse's example work on all browsers. do you think. regards twocan's "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cnd9j3$l9k$1 (AT) forums (DOT) macromedia.com... You have answered your own question, really. The layers are locked in position. There are really three ways I know of to make the page and its layers move together. 1. Use dynamic javascript to reposition the layers based on some other content that is centering. This is fairly simple to do, using a free extension for DW (called SnapLayer) from Project Seven, http://www.projectseven.com/ 2. Make your page be contained in a centering table, put your layer into that table, change the layer from absolute to relative positioning, and then reposition it as needed. You will have to do this repositioning by editing the code, however, not by dragging the layer on the screen. 3. Use CSS positioning to wrap the entire page in a division, including the layer, and then center that division. Now everything will migrate within the browser viewport as a unit. Did I lose you? To do the latter here is a good demonstration - http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html And here is some code - (inline styles used for clarity) STYLESHEET - body { text-align:center; } /* for IE5/IE5.5 */ #wrapper { text-align:left; } BODY - div id="wrapper" style="width:760px; top:0; margin:0 auto; position:relative;" div id="layer1" style="width:200px; top: 25px; left:140px; position:absolute;">blah</div div id="layer2" style="width:180px; top: 136px; left:23px; position:absolute;">blah</div /div Try that - an outer relatively positioned division with a width and auto left and right margins. All interior AP divisions will be centered, yet retain the same relative positioning. -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "andrew coley" <webforumsuser (AT) macromedia (DOT) com> wrote in message news:cnd8i9$k6j$1 (AT) forums (DOT) macromedia.com... Is there a way to lock the position of a layer on a page? My pages are fine viewed 'full screen' but if you resize the window the layers stay put (I guess as a result of co-ordinates to top left?) and the page moves underneath. I didn't used to suffer as I had pages aligned left, but this site is 800px wide and positioned central, so is causing probs. many thanks in advance |
#7
| |||
| |||
|
|
very good eh Thanks twocan's "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cnda9t$m8e$1 (AT) forums (DOT) macromedia.com... Soitenly. All v5+ for sure. -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "twocan's" <abbadontdoit (AT) hotmail (DOT) com> wrote in message news:cnda1l$lsb$1 (AT) forums (DOT) macromedia.com... Wow, will roast horse's example work on all browsers. do you think. regards twocan's "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cnd9j3$l9k$1 (AT) forums (DOT) macromedia.com... You have answered your own question, really. The layers are locked in position. There are really three ways I know of to make the page and its layers move together. 1. Use dynamic javascript to reposition the layers based on some other content that is centering. This is fairly simple to do, using a free extension for DW (called SnapLayer) from Project Seven, http://www.projectseven.com/ 2. Make your page be contained in a centering table, put your layer into that table, change the layer from absolute to relative positioning, and then reposition it as needed. You will have to do this repositioning by editing the code, however, not by dragging the layer on the screen. 3. Use CSS positioning to wrap the entire page in a division, including the layer, and then center that division. Now everything will migrate within the browser viewport as a unit. Did I lose you? To do the latter here is a good demonstration - http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html And here is some code - (inline styles used for clarity) STYLESHEET - body { text-align:center; } /* for IE5/IE5.5 */ #wrapper { text-align:left; } BODY - div id="wrapper" style="width:760px; top:0; margin:0 auto; position:relative;" div id="layer1" style="width:200px; top: 25px; left:140px; position:absolute;">blah</div div id="layer2" style="width:180px; top: 136px; left:23px; position:absolute;">blah</div /div Try that - an outer relatively positioned division with a width and auto left and right margins. All interior AP divisions will be centered, yet retain the same relative positioning. -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.dreamweavermx-templates.com - Template Triage! http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes ================== "andrew coley" <webforumsuser (AT) macromedia (DOT) com> wrote in message news:cnd8i9$k6j$1 (AT) forums (DOT) macromedia.com... Is there a way to lock the position of a layer on a page? My pages are fine viewed 'full screen' but if you resize the window the layers stay put (I guess as a result of co-ordinates to top left?) and the page moves underneath. I didn't used to suffer as I had pages aligned left, but this site is 800px wide and positioned central, so is causing probs. many thanks in advance |
#8
| |||
| |||
|
#9
| |||
| |||
|
|
Thanks guys, will have a look at project 7 tomo. Noddy question: is there something in propeties to change from relative to absolute; end of a long day and I can't see it?! |
#10
| |||
| |||
|
|
thank you! |
|
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.