3 replies [Last post]
suavedesign
suavedesign's picture
Offline
Enthusiast
Last seen: 6 years 21 weeks ago
Timezone: GMT-5
Joined: 2010-12-01
Posts: 128
Points: 191

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

suavedesign
suavedesign's picture
Offline
Enthusiast
Last seen: 6 years 21 weeks ago
Timezone: GMT-5
Joined: 2010-12-01
Posts: 128
Points: 191

Actually, now it's just the

Actually, now it's just the widgets on the header that move around.
Any idea why??
Thanks.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 18 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

suavedesign
suavedesign's picture
Offline
Enthusiast
Last seen: 6 years 21 weeks ago
Timezone: GMT-5
Joined: 2010-12-01
Posts: 128
Points: 191

Thanks for your advice.

Thanks for your advice.