Issue with <–more–> while posting

First I would suggest removing the images and see how it behaves then. It’s clearly an issue with your CSS but removing the images may help you see what element is causing it.

It behaves fine when the images are removed…..Ive tested that as well..

Well, it’s the images that are causing it then. I’ve found that IE is, for want of a better word, retarded when it comes to styles. It has to be told everything because it’s defaults for styles and dimensions that aren’t defined can be wild.

Make sure you’re providing definate Margin, padding, position and float attributes where applicable. I got around dodgy behaviour on some images by creating classes that determined how the image would be positioned. I called them .left and .right and they told the image where to float, how much margin to have and how much padding and border to have.

I hope that helps you.

Wow, what a pain in the rear if that has to be done…

Wouldn’t it be hard to define the images in css since each image can be resized to various dimensions?

Not sure what you mean. Do you have a feature that allows users to resize the images that they view on a page?

It’s not that much of a pain. Just create the classes in your CSS and then when posting an image add class=”whatever” to the code for that image. I’ve been doing it like that for months.

Can I have a link to your site to check this out?

Nah I resize them when posting. No one else writes posts…..

My site is ummmm of adult nature so not sure if you still want to see it or not, lol.

Ahh, cheers for the heads up.

Why do you resize them when posting? you could get around the issue a lot easier by making the images the size you want them outside of the editor. It also means you won’t see any artefacts of the resize that I’m sure you must sometimes get.

Oh, and another thing. I always try and keep my <–more–> tag away from any images so you don’t see images in the truncated version of the post. but that’s just to prevent ugliness.

Well I resize them because at times, there will be alot of images that are added to the site.

BUT, when I do add the <–more–> tag under the main image and text..save it, it repositions the <–more–> tag…hard to explain…see the images…

Writing post before saved
https://i11.tinypic.com/816apfk.jpg

Post after saved and going in to manage
https://i18.tinypic.com/6ku9yk9.jpg

It seems like it’s having an issue with saving the format or something….weird….

I also did a test with just text using the <–more–> and it did position the text directly underneath the main text…I removed the images as seen as in picture one above and just replaced it with text…
https://i12.tinypic.com/71hboco.jpg

I dunno then man. Play around with your CSS and try a few different things.

Unfortunately IE tends to go a little crazy with the div tags. I’d suggest making the image that’s aligned left centered and trying that for a test run. I’ve never been happy with the way IE renders the image aligns combined with divs, sometimes it ignores the div boundaries completely