Grow your CSS skills. Land your dream job.

Element Align Issue…

  • # November 21, 2011 at 12:13 am

    So I am working on making a Pure Forrst CSS logo, and I have a big problem. Everything is going pretty well, but one thing. When I zoom in/out (cmd+/-) or (control+/-) on my computer, the left branch moves to the left and to the right of the screen. I have tried everything that I know. Position: fixed, absolute, etc. I have no idea what to do anymore. I would really really appreciate it if you can help me solve this frustrating issue.

    http://matthewkosloski.co.cc/other/forrst-logo/index.html

    # November 21, 2011 at 12:16 am

    Also, its not working on any screen resolutions! Tried on 13″ Macbook Pro 15″ Macbook Pro and 27″ iMac! So its not from him zooming in..

    # November 21, 2011 at 12:32 am

    Could you show this in jsfiddle.net so we can see what it is supposed to look like?

    # November 21, 2011 at 8:16 pm

    I have done up the what you are after using positioning instead of margins. Have a look and let me know if there is anything you don’t understand or if you have any questions.

    http://jsfiddle.net/kxQ5Z/

    # November 21, 2011 at 8:23 pm

    @joshuanhibbert Thanks Josh! I will study my mistake with your correction, to help me in the future! I’m guessing that the “.logo” class fixed the issue? Well anyways, thanks again! Now to add the other branches! :D

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

You must be logged in to reply to this topic.

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