CODEWITHSUNDEEP
htmlcssjoomla
Isaac Askew
Isaac Askew

Reputation: 1291

Why is this logo in my header off-center, and how can I fix it?

Here is my site: http://mylifeiscode.com/studentprintz/

In Chrome the logo loads centered, but in Firefox and IE it's off to the right. I've fiddled with the CSS in it for an hour, and I can't understand why it's being pushed to the right in the other two browsers.

Does anybody know what CSS property is doing this?

Upvotes: 0

Views: 344

Answers (2)

Lodder
Lodder

Reputation: 19733

In the template.css on line 40, change this:

margin-left: 5px;

to this:

left: 5px;

Just as a side note, if you use Firefox, I would recommend downloading Firebug to you can mess around with the CSS in case something like this occurs.

Upvotes: 0

Brenda
Brenda

Reputation: 923

You are absolutely positioning, but not telling where to position. Change the margins to positions. So, instead of:

a#logo, #logo-text { position: absolute; margin-top: 25px; margin-left: 5px; }

try

a#logo, #logo-text { position: absolute; top: 25px; left: 5px; }

Upvotes: 2

Related Questions