Element Align Issue…

[MattKnowsTech]

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

[Metta]

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..

[MattKnowsTech]

@stevencrader Here is is: http://matthewkosloski.co.cc/other/forrst-logo/index.html

[joshuanhibbert]

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/

[MattKnowsTech]

@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

[Author]

Posts