For whatever reason I thought my display issues were being caused by my theme, but perhaps not. Here are some blog post examples:

using filtered html (ie or firefox), text will not display wrapped around a picture despite setting all those settings

to get around this, i set the default to input format full html.

Now text will wrap around a photo as expected, however....in Firefox everything still displays correctly, as expected. In IE, the post ends "short", so any post below it starts bumping up into it. This is hard to describe, but rather than being "squared off", the display is all jacked up.

I would like to get to a default where text can be wrapped around a photo AND the blog posts display correctly in both ie and firefox. If needed I can set my new theme to default so you can see this in action.

Thanks!

Comments

Steve Lockwood’s picture

Steve Lockwood commented

It's hard to tell whether this is caused by the editor, the theme or Drupal's rendering of blog posts. Have you got a site I can look at?

Starminder’s picture

Starminder commented

Thanks Steve - see www.hoslotracer.com If you register and change your theme to newsletter you should see what I mean. I will make some examples as well. Thanks

Steve Lockwood’s picture

Steve Lockwood commented

This must be something to do with the fact that the node has floated elements - IE then floats the whole div in which the node is created.

I looked to see if one of my sites had the same issue (http://midlanddc.org.uk/#node-251) it didn't. So this leads me to think that it is to do with the way your theme renders blog nodes. My theme gives each node the CSS attribute class="node clear-block". In your theme the node has the class="node".

The "clear-block" CSS class invokes the CSS rule "display: block".

So, you could modify the theme so that it renders node teasers with the "clear-block" class.

Or, more simply, you might be able to get around this by changing your site's stylesheet to include somewhere

.node {
    ...
    display: block;
    ... 
}

I hope this helps. I'm fairly sure this relates to the theme and not the tinytinymce module - so I will mark the issue as fixed. But please reopen if you think otherwise!

Steve

Starminder’s picture

Starminder commented

thanks Steve, I appreciate your time and looking! I added the css, but am still getting the same display results. full html will wrap text, filtered html will not, things look good in Firefox, things look dorked up in IE.

How would I invoke the node-clearblock to try that? thanks!

Steve Lockwood’s picture

Steve Lockwood commented
Status: Active » Fixed

I just took a look at your site and I could not see any CSS. It could be that your CSS is cached. It would be worth clearing the cache or disabling caching while you are testing changes.

Starminder’s picture

Starminder commented

I found this searching around and added it to the end of style.css:

div.clear
{ 
	position:relative; 
	clear:both; 
	width:auto; 
	height:0 !important;
	overflow:hidden; 
}

It seems to have done the trick! In order to wrap text, full html input format still has to be used, but at least it now displays OK in IE AND with the roople themes. Thanks Steve for your help!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.