vertical images in firefox showing up to the right!!

[rambohoho]

hi guy,
i've configured my pp recently, now it works fine but with one problem
the vertical format images are showing in firefox to the right, not centered as expected, it works fine in ie.

as you see problem in firefox as the image shows,
http://www.rambohoho.com/tmp/ff_error.jpg

but in everything works fine
http://www.rambohoho.com/tmp/ie_fine.jpg

i used to get the same problem, but when I installed the month calander addon and then disabled it, images were turned to be positioned fine in firefox.
this time it doesn't work.

has anyone experience with it?
i've checked my site on w3c's markup validation site, only one error occurs,
when I fixed that error, the images are too not displaying correctly in firefox. so I unfixes that error back. (because by fixing the error I cannot put my rating stars to its intended position.) so the problem seems not to be with the markup.

i've also checked css with w3c's css validation site, all errors are background and foregound color problems. I think they might have nothing to do with my problem.

[Connie]

it is not always a question of wrong or right CSS, sometimes there are correct css settings but the browser interprete them differently...

I checked and saw:
it must be a question of your CSS, because without CSS the image is correctly centered

follow the cascade please, the image sits like this:

div > div > a > img #image

I am sure you will find it..

[rambohoho]

thanx for your reply,
i'm not sure what i can do.
i've checkd my image_template_en,

the codes relate to image are as follows:
<!-- Image -->
<div align="center">
<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>">
<img id="image" src="./images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>&nbsp;/&nbsp;<IMAGE_DATETIME>" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" /></a>
</div>

i really don't know what i can do.
do you know that?

[Connie]

I saw your source code ;=)

try to set the alignment in #image to centered...
or go and take a good bavarian beer ... that will align you as well ;=)

[rambohoho]

hehe, thanx,
but i'm not sure how to set it :(

i've found the code in css

#image {
margin-top:5px;
padding:5px;
background:#666666;
border:1px solid #999999;
}

what should i do with it ?

thank you for your help:)

[rambohoho]

well, i've done that!
i've set the image_template's image markups like this:

<div id="imagebox">
<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>">
<img id="image" src="./images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>&nbsp;/&nbsp;<IMAGE_DATETIME>" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" /></a>
</div>

changed <div align="center">
to <div id="imagebox">

then added a imagebox

#imagebox {
padding:0px 0px 0px 0px;
margin:5px auto 0px auto;
text-align:center;
}

now it works.

thank you very much connie.

[Joe[y]]

hehe, thanx,
but i'm not sure how to set it :(

i've found the code in css

#image {
margin-top:5px;
padding:5px;
background:#666666;
border:1px solid #999999;
}

what should i do with it ?

thank you for your help:)

#image {
margin:5px auto 0px auto;
padding:5px;
background:#666666;
border:1px solid #999999;
}

[rambohoho]

hi joe, i tried your change but didn't work,
anyway thank you.
i'm now done with it.

thank connie 2

[Connie]

yes, good old tower is centered now....

great!