Ticket #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: |
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
Change History
comment:2 Changed 3 years ago by alfonsoml
- Keywords css float display block inline inline-block render removed
comment:3 Changed 12 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 12 months ago by j.swiderski
- Attachment css-error.html added
Sample code with extra div added
Note: See
TracTickets for help on using
tickets.
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.