Question: im use the following css code for a div container 

```
/*media all*/
.rent-a-home-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( 50%, 50% );
    text-align: center;
}

```

The Css works for all browsers but not for Internet explorer. The div with the font is not aligned to the center.

Here you can see: <https://www.immvestwolf.de/rent-a-home-2>

Thanks!

Answer: 
I took a look with my browser inspector tool and saw the issue right away. Apparently internet explorer has a problem with the space you leave before you close the ")". The correct syntax would therefore be:

```
transform: translate(-50%, -50%);

```

instead of 

```
transform: translate(-50%, -50% );

```
The correct code would be:

```
.rent-a-home-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    text-align: center;
}

```

Because the code without MINUS 50% would translate the `rent-a-home-center` div farther towards the bottom right, instead of translating it to the top left so that the div's middle point is actually in the middle of the page.

Link to translate() css documentation (has illustration): <https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate>