Home/ Questions/Q 7808541
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T03:09:53+00:00

I have a problem centering div in Firefox, it seems to work fine in

  • 0

I have a problem centering div in Firefox, it seems to work fine in all webkit browsers, so I dont really know what I’m doing wrong:

My CSS:

html {
width: 100%;
height: 100%;
}

body {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 100%;
width: 100%;
}

#Page {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}

#LoginBackground {
position: absolute;
margin-top: -45%;
margin-left: -35%;
left: 50%;
top: 50%;
width: 70%;
height: 90%;
}

My HTML:

<body>
<div id="Page">
<div id="LoginBackground">
</div>
</div>
</body>

Is this a bug within the Gecko engine or am I doing something wrong.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    EDIT
    new fiddle http://jsfiddle.net/FsjNu/2/

    html {
width: 100%;
height: 100%;
}

body {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 100%;
width: 100%;
}

#Page {
position: relative;
width: 100%;
    height:100%;
}

#LoginBackground {
border: 1px solid red;
height: 90%;
left: 50%;
margin-left: -35%;
position: absolute;
top: 5%;
width: 70%;

    }

    <body>
<div id="Page">
<div id="LoginBackground">
</div>
</div>
</body>
    • 0