First for all: No, I'm not looking for the property position: absolute;

What I want to is to create a field that displays some text. I want to display that field exactly in the middle of the page and then fade out the background, doesnt matter, where the div is placed in the code.

At the moment it looks like that:
<https://www.dropbox.com/s/wiljdh1xjj3we1c/Capture1.PNG>
<https://www.dropbox.com/s/chw7pdes5fdcj3u/Capture2.PNG>

How can I place an Elemtn ABSOLUTE in the middle of the page, doesnt matter where it is written in the code?

Now I could just say well, I will place it on top of the content. But the problem is, in this field is displayed some information that generates in the content, so I have to put it in the code after the content.

I hope, someone can help me :)

PS: If you have another solution to solve something like this... feel welcome to tell me! I just want something like an alert();-Box with my own style.

EDIT: Some effort: (basically already shown with the screenshots, but here some code; just didnt want to make it confusing)

I save the text as following:

```
// Save Help-Text
ob_start();
?>
This is the main page. There is no help available!
<?php
$help = ob_get_clean();

```

I display the text as following: (echo create\_help($help); creates the help-tag and displays it)

```
function create_help($content){
$help = "
<div id=\"help-bg\" class=\"closehelp\" ></div>
<div id=\"help\" >
    <img src=\"../images/close.png\" class=\"closehelp\" />
    $content
</div>
";
return $help;
}

```

This is the CSS for the box:

```
/* Help-box style */
#help 
display: none;
position: absolute;
margin-left: auto;
margin-right: auto;
background-color: #B8DBFF;
border: 5px solid rgb(58, 100, 250);
border-top: 30px solid rgb(58, 100, 250);
border-radius: 5px;
padding: 20px;
width: 600px;
z-index: 1001;
#help img
position: absolute;
margin-left: 595px;
margin-top: -47px;
height: 25px;
width: 25px;
/* Makes background of Help-box transparent black */

#help-bg 
background-color: black;
z-index: 1000;
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
opacity:0.6;
display: none;

```