Centering variable-width images 1

[johnwm]

Is it possible using standards-compliant markup to centre an image in a div, when you don't know what the image width will be? I've checked FAQs, and googled for 'centre variable width images' without much success, except for a rather hacky conditional version at

http://www.solstice.co.il/2008-02-26/horizontally_centering_content_with_dynamic_width_in_css.

Have a look at

http://mikesmirrors.co.uk/mike2/gallery.php

- I'm trying to get the images centred in their floated divs, but the image widths will vary between around 115 and 150 px. The whole lot is db driven and the client will be uploading his own images, and the upload routine just resizes the image to give a max dimension of 150px. Sorry it's a slow loader at present (some button images missing)

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints

 

[BigRed1212]

margin: auto and text-align:center may be what you want.

http://www.bluerobot.com/web/css/center1.html

 

[johnwm]

Problem now resolved.

Thank you very much. As a rather old UK guy I'm only slowly training my brain to spell 'centre' incorrectly as 'center'

All I need to do now is sort the few IE6 bits!

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints