Need help with my template

[cowlishaw]

You guys, I have everything working properly in my template except one thing... I can't figure out what is causing the blemish but any help is appreciated. Everthing works just fine until you hit an image that is only 500 pixels wide and then the footer is off-center!

An Example:
http://talkingtree.org/photoblog/index.php?showimage=8

Any Advice or Help?

[jaywilliams]

I'm sorry, but the footer seems centered to me.
I've tried the site in Safari, Firefox, IE6 & IE7, and the footer is still centered.

Maybe you need to delete your browser cache?

[Dkozikowski]

I'm sorry, but the footer seems centered to me.
I've tried the site in Safari, Firefox, IE6 & IE7, and the footer is still centered.

Maybe you need to delete your browser cache?

Same here

[cowlishaw]

It still is off-center:

http://talkingtree.org/photoblog/index.php?showimage=2

only with the small jpgs! It is off-center in Firefox, and perfectly centered in IE!!!

[austriaka]

Don't know what you did but it isn't in center with big jpgs as well. You just don't recognize it as easy... (in FF) Looks more as if it is right-aligned with the image notes

Have a look into the width and positioning of your footer. IE and FF have different counting of margins, perhaps that is the reason

KArin

KArin

[jaywilliams]

I've looked at your source code, and I've found the problem.

You use "margins" in your css code. This extends the width of the items.
So the width that you specify should be 40px wider than the image width.

However, due to more css code, the "image-info" div should still use the image width.

http://xs215.xs.to/xs215/07214/talkingtree_css.png.xs.jpg (http://xs215.xs.to/xs215/07214/talkingtree_css.png)