Grow your CSS skills. Land your dream job.

Stop my elements from moving when zoomed

  • # July 13, 2013 at 12:49 pm

    Im following this tutorial (http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3) and once i had finished and moved to my main PC i realised that the end result doesn’t display correctly , the boxes move when zoomed or look differently on different resolutions i new to CSS but what would i have to change to make them display properly and no move around when zoomed?

    Would a fluid layout be the solution and how would i implement it?

    # July 13, 2013 at 1:21 pm

    Anybody have any tips?

    # July 13, 2013 at 3:26 pm

    Rather than getting us to follow this tutorial. It would be easier if we could see some code. Perhaps on [CodePen](http://codepen.io/pen/ “http://codepen.io/pen/”) ?

    # July 14, 2013 at 6:15 am

    I have uploaded the code to this link http://cdpn.io/ejJpu

    # July 14, 2013 at 8:56 am

    They look fine to me when comparing with the demo ? And what do you mean by ‘zoomed’.

    # July 14, 2013 at 9:22 am

    He means hitting Ctrl+ (on Windows) to zoom into the page.

    # July 14, 2013 at 11:27 am

    I did mean what paulie said , also my resolution is 1920 x 1080 , the elements don’t line up correctly when i view it in full windows , however in a tiled window it seems fine

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".