Center div on top of other content

how do I center a div on top of other content?

I can’t use z-index, b/c z-index only works with positioning (absolute or relative)

I can’t use positioning b/c div needs to be centered, so instead of using positioning have to use margin 200px auto 0 auto…

so do I position it on top of all other content?

thank you…

The point is you may want to specify a different third image per page, and this provides you with a mechanism to do so nicely

thank you!! :slight_smile:

(PS: what is this for? page=“home”… why not just use #container??)

thank you very much…

thank you…
http://mayacove.com/dev/test.html

div at the bottom has to sit on top of other content, approx 200px down from the top, and centered horizontally…

thank you…

if you provide a concrete (html + css) example of what you are currently doing, we would be able to help you easier

Here is an example to put you on track:

<html>

<head>

<title>Test Page</title>

<style>
[page=home] {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

#popup-container {
position:absolute;
top:200px;
left:0;
width:100%;
height:auto;
overflow:hidden;
}

#popup-window {
padding:10px;
background:#ccc;
width:200px;
height:30px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
</style>

</head>

<body>

<div id=“container” page=“home”>
Lorem ipsum ex velit fabulas mei. Eu discere quaestio sadipscing vix, hinc voluptua antiopam vim in. Usu prompta facilisis patrioque cu, di**** oporteat qui ut, nihil volutpat at has. An ludus aliquid salutandi pri, scripta impedit eos at, magna doctus est ex. Eu vix quis elit vivendum, ad per munere volumus interesset. Te pri affert aliquyam, vim id praesent persecuti. Lorem ipsum ex velit fabulas mei. Eu discere quaestio sadipscing vix, hinc voluptua antiopam vim in. Usu prompta facilisis patrioque cu, di**** oporteat qui ut, nihil volutpat at has. An ludus aliquid salutandi pri, scripta impedit eos at, magna doctus est ex. Eu vix quis elit vivendum, ad per munere volumus interesset. Te pri affert aliquyam, vim id praesent persecuti.

Lorem ipsum ex velit fabulas mei. Eu discere quaestio sadipscing vix, hinc voluptua antiopam vim in. Usu prompta facilisis patrioque cu, di**** oporteat qui ut, nihil volutpat at has. An ludus aliquid salutandi pri, scripta impedit eos at, magna doctus est ex. Eu vix quis elit vivendum, ad per munere volumus interesset. Te pri affert aliquyam, vim id praesent persecuti. Lorem ipsum ex velit fabulas mei. Eu discere quaestio sadipscing vix, hinc voluptua antiopam vim in. Usu prompta facilisis patrioque cu, di**** oporteat qui ut, nihil volutpat at has. An ludus aliquid salutandi pri, scripta impedit eos at, magna doctus est ex. Eu vix quis elit vivendum, ad per munere volumus interesset. Te pri affert aliquyam, vim id praesent persecuti.

Lorem ipsum ex velit fabulas mei. Eu discere quaestio sadipscing vix, hinc voluptua antiopam vim in. Usu prompta facilisis patrioque cu, di**** oporteat qui ut, nihil volutpat at has. An ludus aliquid salutandi pri, scripta impedit eos at, magna doctus est ex. Eu vix quis elit vivendum, ad per munere volumus interesset. Te pri affert aliquyam, vim id praesent persecuti. Lorem ipsum ex velit fabulas mei. Eu discere quaestio sadipscing vix, hinc voluptua antiopam vim in. Usu prompta facilisis patrioque cu, di**** oporteat qui ut, nihil volutpat at has. An ludus aliquid salutandi pri, scripta impedit eos at, magna doctus est ex. Eu vix quis elit vivendum, ad per munere volumus interesset. Te pri affert aliquyam, vim id praesent persecuti.

Lorem ipsum ex velit fabulas mei. Eu discere quaestio sadipscing vix, hinc voluptua antiopam vim in. Usu prompta facilisis patrioque cu, di**** oporteat qui ut, nihil volutpat at has. An ludus aliquid salutandi pri, scripta impedit eos at, magna doctus est ex. Eu vix quis elit vivendum, ad per munere volumus interesset. Te pri affert aliquyam, vim id praesent persecuti. Lorem ipsum ex velit fabulas mei. Eu discere quaestio sadipscing vix, hinc voluptua antiopam vim in. Usu prompta facilisis patrioque cu, di**** oporteat qui ut, nihil volutpat at has. An ludus aliquid salutandi pri, scripta impedit eos at, magna doctus est ex. Eu vix quis elit vivendum, ad per munere volumus interesset. Te pri affert aliquyam, vim id praesent persecuti.

Lorem ipsum ex velit fabulas mei. Eu discere quaestio sadipscing vix, hinc voluptua antiopam vim in. Usu prompta facilisis patrioque cu, di**** oporteat qui ut, nihil volutpat at has. An ludus aliquid salutandi pri, scripta impedit eos at, magna doctus est ex. Eu vix quis elit vivendum, ad per munere volumus interesset. Te pri affert aliquyam, vim id praesent persecuti.
</div>

<div id=“popup-container”>
<div id=“popup-window”>This is my popup. <a id=“closePopup” href=“#”>close</a></div>
</div>

</body>
</html>