Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Strange IE6 display issue (CSS, I assume?)
Some of my users are encountering a strange display issue on the comment page. They say that when someone includes a quote in the discussion, it shifts the left margin of the... either the #Content, #Comment, or #Comment .CommentBody block... something like that, I'm not sure exactly... it shifts the comments left, such that the first letter or two of each line is hidden behind the Panel.
I assumed it was a browser issue, because I've tested the site with the most recent (Windows) versions of IE, Firefox, Opera, and Safari. One of them told me they were using IE6.
Is it an extension that's causing the issue? Here are the ones I would expect are at fault:
AjaxQuote
Signatures variant (same CSS)
ExtendedTextFormatter
HTMLFormatter
And here are other extensions that are active on the comment page:
AddComments
CommentLinks
CommentProtection
ForcedBBCode
PreviewPost
Any ideas? Thanks!
I assumed it was a browser issue, because I've tested the site with the most recent (Windows) versions of IE, Firefox, Opera, and Safari. One of them told me they were using IE6.
Is it an extension that's causing the issue? Here are the ones I would expect are at fault:
AjaxQuote
Signatures variant (same CSS)
ExtendedTextFormatter
HTMLFormatter
And here are other extensions that are active on the comment page:
AddComments
CommentLinks
CommentProtection
ForcedBBCode
PreviewPost
Any ideas? Thanks!
0
This discussion has been closed.
Comments
...
Thanks WallPhone for that speedy response!
I've tried adding {height:1%} to [#CommentBody blockquote], as suggested by the Holly Hack.
We'll see if that works...Yep, it works.Timfire: I can't easily test this right now, so is this what you did? If so, I'll get it into the codebase:
/* Thanks to Bergamot */ #Comments blockquote { padding:8px 16px; margin:0 0 8px; background-color: #E5EAF6; border-left: 6px solid #ACBEDF; color:#56568F; height: 1%; }
I can't remember if I had tried the holly hack when originally troubleshooting the issue.