Sun, 2012-12-02 09:29
I am having an issue with the slogan (and some other img's) that are on the header of my site. It looks fine when viewed from a normal, 100% zoom. When I zoom either in or out, the slogan and some other info on the header jump around on the page- either to the left or to the right. How can I fix this issue?
The url is www.accupresh.com
I hope someone can help me out with this one!
Thank you.
//mod edit: A link requires a protocol prefix (the "http://" thingy), else it is treated as a page on this site. Fixed. ~gt
Sun, 2012-12-02 09:59
#1
Actually, now it's just the
Actually, now it's just the widgets on the header that move around.
Any idea why??
Thanks.
Sun, 2012-12-02 17:13
#2
Doing what you tell it to
Well, you told it to stay 500px from the right edge.
.widgets { float: right; margin-right: 500px; margin-top: -75px; width: 120px; }
Why would you float that container, being as you want it centered/?/
Put the widgets in a p element with {text-align: center;}, put the p in the same box as the logo, and get rid of all those nested (six deep!) divs.
cheers,
gary
Tue, 2012-12-04 19:52
#3
Thanks for your advice.
Thanks for your advice.