Good question... I dunno what is the answer. I'll do some investigation and get back to you if I got an anything. You should email the people at iPage as they probably could give you an answer..
OK - I posted yesterday and all I got was, it's possible... obviously it's not that simple or I wouldn't be needing help... so let's try thig again....
I have two layers <div id=x1>...</div> and <div id=x2>some text</div>.
Here is my CSS.
What I want to acheive is the effect that these layers are absolutely positioned on top of one another - I can't actually do that because of the iPage site is assembled..
Didn't need to start another thread!.
1 min i'll have alook, the phone's ringing..
That would 'stack' div 'b' directly above div 'a', is that what you want?..
You can't stack them because they are both the same z-index. you are using the same style for both. and yes it is possible and I believe Kevin was assuming you already knew the code since you asked about using z-index...
Ok even changing the Z-index doesn't work - I only noted it that way for simplicity sake - they actual Z-indexes are 100 and 101 respectively..
Yes, this is what I want EXCEPT "position:absolute;top:10px;left10pxx;" I can't position the layers absolutely because of the rest of the document and problems with browser exactness of rendering when crossing relative and absolute positioning schemes...
Ok, just change it to relative then,.
No matter what positioning style you use you can still stack different layers..
You can't say that. first you ask if it is possible and then you show us the code you use and say it doesn't work.. well then you say that isn't even the code you use..
We can't help you if you are not being honest or anything..
If you use z-index then what difference does it make if you absolute position it or not, it will be sticking above all other elements anyway. and you can't talk about not rendering correctly in all browsers because that is what you get with css, not all of them will do it correctly anyway..
And besides you told it to not show..
You are not making any sense. if you can't position them how do you expect them to be on top of each other. you ahve to use left and top to do what you want...
You can do it but since the positioning is relative you have to give relative coordinates:.
<div style="width:100px;height:100px;z-index:2;border:1px red solid;">.
Words words words.
<div style="position:relative;top:-100;left:0;width:100px;height:100px;z-index:3;border:1px blue solid;">.
This div will stack over the first div.
Or you could do it the other way around kevin, have the second div in the normal flow and position the first over it, that way you'd avoid negative values..
But at the end of the day, if he'd followed your advice to try it at the start this thread would have only been two posts long..
And as a side note kevin, that wouldn't work anyway. you can't use negative numbers as mozilla doesn't like them..
ONCE AGAIN - you are all wrong - first of all you're flaming for no reason... I understand that it COULD work - and SHOULD work in most cases... the problem is that I need to insure cross-browser compatability... using relative placements has never worked properly for me before - it still positions things absolutely in most cases.... for example....
This should technically place the top,left corner of the second DIV at 20,20 - it still places it at 10,10 at least in the latest build of Mozilla and every one I've used prior. I see the same results in Safari and Opera(sometimes)..
Don't give me that it works in Explorer crap... because it's exaclty that... It's all good but I develop on an open-source platform and intend to keep campatability to a maximum...
Dude, nobody has flamed you. you can't even tell us what you want as we have ALL given perfect examples of what you works and you shoot us down..
For one your code:.
Will go to 20,20 of the page but 10,10 of the outer div..
By default ALL block level elements are postioned relative (theoretically) but in order for you to load a div on top of another div you.
Absolute position it..
That code works for me in IE, and that is good considering IE doesn't do 90% of css2..
So if this doesn't work for you then I will gracefully bow out of this conversation as it seems you know a lot more html and css than I...