Forums
This topic is locked
layer bug
Posted 20 Aug 2007 20:02:42
1
has voted
20 Aug 2007 20:02:42 azeez yooozy posted:
i'm using layers as menus here is the code :div id="leftmenu" style="position:absolute; left:19px; top:202px; width:184px; height:28px; z-index:1;
problem: <b>when resizing windows layers loose positions </b>
help please
Replies
Replied 25 Aug 2007 02:11:13
25 Aug 2007 02:11:13 Violet W replied:
First, try this. Put your div style in a css file and link it to your page then just call the style using an <div id="somename"> instead. Sometimes, silly as it may sound, that works. (I noticed you already have an id, but not sure if you included the style associated with the id or if it actually is in the tag on the page itself) If not, try the following:
Not sure this will work as it doesn't seem to have a problem on my end (in IE7 or IE6), but worth a shot. I've included 2 working scripts so you can see the consistancy (sort of LOL).
One thing I noticed differently is I am using a "left: 50%;" and a left-margin: 500px;" (or whatever values you want) instead of just a left: ???px;
.music {
background-color:black;
padding: 0px;
position:absolute;
left:50%;
margin-left:-385px;
top:675px;
height:13px;
width:290px;
z-index:2;
}
.artlink {
position:absolute;
left:50%;
top: 720px;
margin-left: 11px;
height: 100px;
width: 100px;
z-index:2;
}
I know these work because I use them on myspace to give my page a unique look.
Edited by - vmethod on 25 Aug 2007 02:12:11
Not sure this will work as it doesn't seem to have a problem on my end (in IE7 or IE6), but worth a shot. I've included 2 working scripts so you can see the consistancy (sort of LOL).
One thing I noticed differently is I am using a "left: 50%;" and a left-margin: 500px;" (or whatever values you want) instead of just a left: ???px;
.music {
background-color:black;
padding: 0px;
position:absolute;
left:50%;
margin-left:-385px;
top:675px;
height:13px;
width:290px;
z-index:2;
}
.artlink {
position:absolute;
left:50%;
top: 720px;
margin-left: 11px;
height: 100px;
width: 100px;
z-index:2;
}
I know these work because I use them on myspace to give my page a unique look.
Edited by - vmethod on 25 Aug 2007 02:12:11