Bottom margin for header not displaying in design view in IE

[Scozzard]

Hi there,

I am experiencing a bit of an annoying problem with the RadEditor at the moment, and was hoping that someone might know the problem here.

Basically, when I apply a header class to some text (in design view), all the style attributes of the header are visible in the design view except for the bottom margin. However, in preview view it looks exactly as it should do. This only seems to occur in IE, it displays correctly in design and preview view in FireFox (unfortunatly IE8 is the browser of choice here - not my decision).

Is there a known reason for this? This is kind of a must as the preview view should reflect the published page (where the bottom margin is displayed correctly as well).

It just seems to be that a headers bottom margin is not displayed in preview view in RadEditor in IE (8).

Thanks for your assistance.
Regards,
Scott

[Rumen]

Hi Scozzard,

I tested the reported behavior with RadEditor in a clean aspx page and I was unable to reproduce it. I was only registered the following global css selector in the styles tag section of the page:

<style>
    h1 { color: Red; margin-top:50px ;margin-bottom: 50px; }
</style>

This leads me believe that most likely the problem on your end is due to some global css selector that is overriding the margin-bottom property.

What you can do is to set the CssFiles property of RadEditor and load an external css file which contains the desired CSS classes that you want to be applied to the content area. You can see for more information the following help article: Content Area Appearance Problems.

Best regards,
Rumen
the Telerik team