CODEWITHSUNDEEP
jquerypositioningcss
iwazovsky
iwazovsky

Reputation: 1937

CSS positioning with animation

I need to center the mainBox div and make it from the beginning in the center of the page. As for the gameArea it must be from the beginning on its place like it is on the image shown. Information panel must slide in from the left and take place without moving other elements after animation. Is it real without positioning it in px?

#mainBox {
   overflow: auto;
   margin: 0 auto;
   height: 500px;
   width: 1000px;
   position: relative;
   ...
}
#informationPanel {
    position: absolute;
    float: left;
    ...
}
#gameArea {
    float: left;
    position: absolute;
}

DEMO

Upvotes: 0

Views: 54

Answers (1)

Giovanni Silveira
Giovanni Silveira

Reputation: 1281

Add left:200px; to #gameArea .

If that's what I understood that you want.

Upvotes: 1

Related Questions