**** IE6. Dumb**** rat bastards.

Ok, now that I've got that out of my system, what the hell is wrong with IE6 and text-align? It will NOT center an image for the life of it.

Im trying to center an image inside a div:

<div style="width: 100px; float: right; text-align: center:">
<img src="blah" /><p>Some Text Here</p>
</div>

Of COURSE the text aligns properly but NOT the image. And of course it works in every other single ****ing browser ever made. I am running IE6 in Standards Mode. I have tried:

margin: 0 auto;

and

margin-left: auto;
margin-right: auto;

I have wrapped the bastard image in another div and tried to center it thinking the float: right might throw it off. Still no luck. That ****ing bastards glues itself to the left part of the div.

What the **** is wrong with IE6?

try align="center" instead of the style. Or make it just for ie6

<div<!--[if IE 6]>
align="center"
<![endif]-->>

No effect.

And not necessary - try this - create a class for the image:

.imgBlock{display: block; margin: 0 auto;}

Add margins and padding as needed.

The margin: 0 auto approach is the way you want to center the image.

You do need to specify a width and you also need to set a proper doctype. I'm guessing the doctype is the reason it wasn't working.

LadyNRed you beat me to the answer. Are you saying you don't need the doctype and width? Does display: block work instead? Or is that because the image likely has a width on it already?

Still nothing. Welcome to my world.

You do need a proper Doctype, of course. A width isn't necessary on an image and the display:block with the margin: 0 auto; should work, I use this method all the time.

However, QWERTY, you MUST define the width and height of the image in your html, your example doesn't have any dimensions. You should ALWAYS set height and width on the img tag.

It might also be helpful if we could see all the code

I got it. I think it works then because you're specifying the width on the img tag. As long as the width is specified somewhere it works. It doesn't have to be in the css.

Exactly

For a moment I thought you meant that if you used display: block you didn't have to specify the width. I was excited about the new find as only a geek could be.

LOL
Well, if there's no width specified, there's no way for it to know what the 'auto' on the margins should be.. auto from what ?

Still, it's an easy method and works like a charm

For it to work in IE you'll need it to be in strict mode, Qwerty.

Not necessarily, but there DOES need to be a VALID doctype.