Opened 14 years ago

Last modified 12 years ago

#5028 confirmed Bug

CSS error in template kama skin

Reported by: Steven Potter Owned by:
Priority: Normal Milestone:
Component: UI : Skins Version: 3.0
Keywords: Cc:


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:

       display: block;

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

display: inline-block;

Attachments (1)

css-error.html (1.9 KB) - added by Jakub Ś 12 years ago.
Sample code with extra div added

Download all attachments as: .zip

Change History (4)

comment:1 Changed 14 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, 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 14 years ago by Alfonso Martínez de Lizarrondo

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

comment:3 Changed 12 years ago by Jakub Ś

Component: GeneralUI : Skins
Status: newconfirmed
Version: 3.0

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

Changed 12 years ago by Jakub Ś

Attachment: css-error.html added

Sample code with extra div added

Note: See TracTickets for help on using tickets.
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy