[Solved] background positioning issue in css

[javascriptnewbie]

What’s background-position: center; not working? Explanation needed, please.

http://jsfiddle.net/h123er2/MAE8r/

[Paulie_D]

Looks fine to me: http://jsfiddle.net/Paulie_D/Gu59C/

[javascriptnewbie]

Now :( ??
http://jsfiddle.net/h123er2/Gu59C/1/

[Paulie_D]

I’m not sure what it is you are asking.

Here’s an example with a larger div.

Are you expecting something else.

[javascriptnewbie]

wanted the box to be centered inside that div without using margin

[wolfcry911]

the background is centered, but you’ve restricted the width and height of the #image div…

[Paulie_D]

The image IS centered in the div, that’s what background-position:center does.

What is CAN’T do is center the div inside another div…for that you need margins.

It might also be easier to help you if you used complete sentences rather than the quick short replies.

[javascriptnewbie]

How do you thank a user on this forum, is there any button for that?

[Paulie_D]

Unfortunately not.

I’m sure whoever deserves them is grateful.

[Author]

Posts