IE doesn't float images

When I insert an image and select the right align property, Mozilla & Safari show the text wrapping around the image (as expected). However, IE doesn’t wrap the text it treats it like a paragraph on its own line, no text wrap.

<img align="right" height="362" src="assets/images/filename.jpg" width="481" />

Can anyone tell me how to correct this?

Thank you!

This might be a CSS issue. It sounds like the IE double margin float bug. Try adding display:inline to the floated element’s CSS...

Hmmm, not sure. I’m familiar with the double margin bug, but this isn’t a really a float, since the editor simply added an align-right to the image. There is no Float in the CSS or the HTML code.

I suppose I could address this with a CSS entry, but the html generated by the editor has no id or class identifier so I’d have to float the img tag. This would affect all images the same way so the end user/editor wouldn’t be able to control this.

Other ideas?

Why don’t you define some style to this particular image?, something like; <img style="something" src="whatever.jpg" /> you could assign any value to "something" to be apart from all other images or even the content itself & have it rendered regardless of any other attribute. give a ride of below code by playing to "display" & "position" attribute values and see the results.

IMG.something {
float: left;
margin-left: 0;
}

I like to set a few classs for images like float:left, float:right, float:center etc. You can then take care of IE issues with the CSS. Then add the styles to the drop down menu within MODx...

Excellent idea. I didn’t think of adding a style to the drop down. (I’m still in my first couple of weeks using MODx)

I am creating this for a content editor that won’t be dealing with any code so it all has to be done via the tiny editor.

I will give this a try.

Thank you!!

Just wanted to say Thank you!

The Style pull down works beautifully!