layers in dreamweaver 4

(Using Dreamweaver 4)

How do I keep my layers from moving when I'm viewing my page in my browser and then I minimize it? I'll set the layer where I want it how do I lock it in place? Do I have to make it into part of one of my tables?? If so I've tried it and it doesn't work. What I'm trying to do is take a scroll menu and position it where I want it. I'm having trouble with it because I'll tell it to position itself like 200 pixels from the top and maybe 100 from the left. It will position itself where I tell it but again when I preview it in my browser when I minimize the browser window the whole thing moves.

Any help would be appreciated. Thanks

u can't

layers are positioned (sorry if that's not correct spelled) regarding your browser and when u change resolution or resize the browser, the layer would move

If you are using the same scroller as pank has on the front page of teamphotoshop.com, you don't need to put the scroller html code into another layer to position it.

just adjust the code you have for the scroller to position it where you want.

Only thing I can think of that is happening is the scroller is positioing itself inside of the layer you created relative the the left and top of that layer and not the top/left of the actual page.

layers are positioned (sorry if that's not correct spelled) regarding your browser and when u change resolution or resize the browser, the layer would move

If you absolutly position a layer, it will not move. If you make it "float" it will however, move when you resize the browser window.

That's what I thought, but the weird thing is, is that I am giving my scroller an absolute position and it still does it.

Here's some of the code.



#divScroller1 {position:absolute; overflow:hidden; z-index:9; left:100px; top:90px; width:400px; height:300px; clip:rect(0px, 400px, 300px, 0px); visbility:visible; border-width:0px 0px 0px 1px; border-color:#666666; border-style:dashed;}
.dynPage {position:absolute; z-index:10; left:0px; top:0px; width:385px; visibility:hidden; padding-left:15px; font-family:arial,helvetica,sans-serif; font-size:10px; line-height:14px; color:black}
#arrows {position:absolute; z-index:11; left:74px; top:355px; width:20px;}
#links {position:absolute; z-index:11; left:77px; top:301px; width:20px;}

#divUpControl{position:absolute; width:320; left:10; top:200; z-index:1; text-align: right}
#divDownControl{position:absolute; width:320; left:10; top:460; z-index:1; text-align: right}
#divContainer{position:absolute; width:320; height:240; overflow:hidden; top:220; left:10; clip:rect(0,320,240,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}

Yeah I've been screwing around with it and it doesn't want to stay put when I minimize the browser. I guess I'll have to keep my scroll menu up in the corner of the browser because that's the only spot where it won't move around.