an element positioning question

hello

I have a division with a small picture as a background with:

background-position: center left;

...so that the picture appears centered on the left in the division.

I also want to put a checkbox right under the background picture, and I guess I'll have to position it relative to the center of the division (because the division height is not always the same).

Is this possible?

Thank you!

I'm not sure what you mean. Could you post a link?

hmmmmm......Why would you position a background image center, left?

If you just had the div the same size as the image, you wouldn't need any positioning. That would make it much easier to align the checkmark.

Maybe a link as swagner said or more clarification is necessary.

Just a side note, you're using "center left" incorrectly. It should be "left center" or you could use numbers to save a few bites.

Code: Select all

background-position: 0 50%;

I position it center left, because I need the picture there. Everything else is transparent background.

The div's heght is always different, depending on the length of the text content inside. That's why I cannot set the div size the same as the image... But I still have to find a way to position the checkbox right below the image.

If I was not clear enough, please let me know...
Thanks!

You'll have to do it on an individual basis, I'm afraid. You could write up a script in PHP that would check the image size and add separate style tags to each div. CSS cannot do this, however.

And as for the "center left" thing, I mean it's an organizational error. Left and Right positioning comes before top and bottom. I.E., putting "center left" is not the correct order, "left center" is. The way you have it can cause issues in certain browsers.