Forum thread post display in IE6

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.
This thread is closed to new posts. You must sign in to post in the forums.
3/2/2010 10:07:25 PM
Peter
Gravatar
Total Posts 9
View Posts

Forum thread post display in IE6

Hi,

when viewing a forum thread in IE6 there is a big space between the top edge of the post and where the actual text starts. I noticed that this website viewed with IE6 also suffers from that. Is there any way to fix this?

Thanks,

Peter

3/3/2010 9:23:08 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Forum thread post display in IE6

Hi Peter,

Thanks for pointing it out. This appears to be a bug in NeatHtml which we use to protect against cross site scripting in untrusted content like forums posts. It seems that NeatHtml is rendering some markup withing IE 6 comments so it only affects IE 6. When I view the rendered source of the page I see:

<!--[if gte IE 7]><!-->
<div class='NeatHtml' style='overflow: hidden; position: relative; border: none; padding: 0; margin: 0;'>
<!--<![endif]-->
<!--[if lt IE 7]>
<div class='NeatHtml' style='width: 100%; height: 400px; overflow: auto; position: relative; border: none; padding: 0; margin: 0;'>
<![endif]-->

so it seems this height:400px; is the cause of the problem, when I remove NeatHtml from the equation the problem goes away. I'm not sure why that would be needed, I will follow up with Dean Brettle, the author of NeatHtml.

Best,

Joe

3/3/2010 2:53:31 PM
Peter
Gravatar
Total Posts 9
View Posts

Re: Forum thread post display in IE6

Thanks Joe, that would be great...buying you a beer now

3/4/2010 1:40:49 PM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Forum thread post display in IE6

Many thanks for the beer Peter!

Hopefully Dean Brettle will get back to us soon, really he would be the one deserving of beer if he solves it for us.

Best,

Joe

3/5/2010 3:03:41 AM
Dean Brettle
Gravatar
Total Posts 148
View Posts

Re: Forum thread post display in IE6

I think this is triggered by the "min-height: 250px" associated with mojoPortal's postbody class.  I say that because 1) I don't see this problem with IE6 on the NeatHtml demo page and 2) the height of the unwanted space appears to be 250px.

I don't have a fix yet, and might not for a couple weeks.  In the meantime, can you partially workaround the issue by removing the "min-height: 250px" for IE6?

If you really want to know why NeatHtml has "height:400 px" for IE6,  grab a couple cups of coffee and some tylenol and read this section of the NeatHtml whitepaper, then the first 2 paragraphs of this section, then this highlighted source.

3/8/2010 5:21:58 PM
Peter
Gravatar
Total Posts 9
View Posts

Re: Forum thread post display in IE6

Thanks Dean,

I've tried to change postbody class however to no effect.

Regards,

Peter

3/11/2010 6:34:14 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Forum thread post display in IE6

I confirm that removing the min-height did not have any effect on the problem in my testing either.

Best,

Joe

3/14/2010 10:47:46 PM
Dean Brettle
Gravatar
Total Posts 148
View Posts

Re: Forum thread post display in IE6

Sorry for the delay in responding.  I've been on vacation.

After further investigation, it appears that the issue is neither mojoPortal's "min-height: 250px", nor NeatHtml's "height: 400px".  The issue is actually an interaction between NeatHtml's "width: 100%", mojoPortal's layout of forum posts, and IE6 bugginess.  Basically, IE6 thinks that NeatHtml's "width: 100%" will make the postbody div  too wide so it pushes it down to clear the floated postleft div (which is about 250px high). 

Changing NeatHtml to instead use "width: 99%" fixes the problem in this case, but probably not for all layouts, so I'm hesitant to make that change.  I could expose the width as some sort of DownLevelIEWidth property of the <NeatHtml:UntrustedContent> element, but that would require code changes in both NeatHtml and any code that want to use the new property (ie mojoPortal).  Instead I recommend adding:

.postbody.NeatHtml {
width: 99% !important;
}

to mojoPortal's IESpecific.css. 

Let me know what you think.

3/15/2010 7:36:24 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Forum thread post display in IE6

Hi Dean,

That solution works for me and is entirely satisfactory. I will make this change in all the skins included with mojoPortal.

Many thanks for your help!

All the best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.