Ticket #5028 (confirmed Bug)

Opened 4 years ago

Last modified 23 months ago

CSS error in template kama skin

Reported by: steven.potter Owned by:
Priority: Normal Milestone:
Component: UI : Skins Version: 3.0
Keywords: Cc:

Description

When ckeditor shares a DIV with an object that has a float: left property the editor doesn't render properly.

See the attached HTML file to replicate this issue. Just copy the attached file into your samples directory and view it.

I believe the issue is due to the following CSS:

.cke_skin_kama
{
       display: block;
}

in the mainui.css file. It seems to render correctly if the css is changed to

display: inline-block;

Attachments

css-error.html (1.9 KB) - added by j.swiderski 23 months ago.
Sample code with extra div added

Change History

comment:1 Changed 4 years ago by steven.potter

  • Keywords render added

I forgot to mention, I have been able to re-create this in Firefox 3.5.7 and Chrome 3.0.195.38, However this issue was not present in IE 6 (although many other rendering issues were). I don't have any newer versions of IE to test with so those are unknown.

comment:2 Changed 4 years ago by alfonsoml

  • Keywords css float display block inline inline-block render removed

comment:3 Changed 23 months ago by j.swiderski

  • Status changed from new to confirmed
  • Version set to 3.0
  • Component changed from General to UI : Skins

It looks like floated elements are included in CKEditor making the space above the toolbar bigger.

Changed 23 months ago by j.swiderski

Sample code with extra div added

Note: See TracTickets for help on using tickets.
© 2003 – 2012 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy