Animation gets displaced on minimizing browser?

[Astronaut]

Animation gets displaced on minimizing browser?

link

[Paulie_D]

That’s because you floated it and then positioned it.

You might think about restructuring your HTML depending on what the design is supposed to look like.

[Astronaut]

how to restructure it ??

i have made changes but still nothing happens

circle{

    display:inline-block;

    position:relative;
    width:200px;
    height:200px;
    border-top:20px solid red;
    border-right:20px solid red;
    border-radius:200px;
    z-index:-10;
    left:970px;
    bottom:120px;
    -moz-animation:spin 6s linear infinite;}

[Paulie_D]

Where do you want it to be?

[Astronaut]

where it is right now, but on minimizing browser it shouldn’t be displaced ??

it remains exactly where it is right now?

[Paulie_D]

Hmmm…not sure that’s possible…but I’ll have to think.

[Astronaut]

dose flex box helps in this case ??

[Paulie_D]

I don’t think so.

You want the circle div to stay on the right of the centered div BUT not move when the window is resized In fact you want that div to ‘slide’ off the page if the window is too small.

That means you you would have to position it somehow but there is no position property that will let you do that.

In the back of my mind I’m thinking about body widths and overflow-hidden but I’m still having trouble.

[Astronaut]

i think that’s not able to corrected ??

look this site in bottom right there is contact us animation , and see it with zooming about 400% (IE) … that animation comes in the center of every thing ??

link

[Astronaut]

look at this site this is cool full animated

[Paulie_D]

I thought you said you didn’t want it to move on re-size. That one does.

[Astronaut]

yes that one dose,

and yes i didn’t want it to move on re-size, but it dose and i think it is not possible to fixed it on particular position?

as you said that there is no such property which can make animation automatic re-sizable according to web page ??

[Paulie_D]

Then we’re done.

Perhaps someone cleverer than me can figure something out.

as you said that there is no such property which can make animation automatic re-sizable according to web page ??

I did? OK…that’s probably true.

[Astronaut]

:)

thnks for your time for thinking on my silly questions..

[Astronaut]

i manage to make it work sweet lay-out (with sipin animation;)

[Author]

Posts