Question

I have my login.css here:

#contentContainer{

margin-top: 10%;

}

and here’s the piece of my PHP file:

  <div align="center" id="contentContainer">
        <div id="Login_Cont"></div>
        <div class="login_logo"></div>

  </div>

I put the content of my site in a one big div, I called it contentContainer. Now, How can I fit the content of my site in any resolution, I’ve tried already the media screen tricks/css tricks but it doesn’t work. Please help me.

Answer 1

So you would like the contentContainer to float in the middle of the screen?

Is it something like this you’re after:

#contentContainer {
background-color: #ccc;
height: 300px;
left: 50%;
margin-left: -150px;
margin-top: -150px;
position:absolute;
top: 50%;
width: 300px;
}