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: |
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 (1)
Change History (4)
comment:1 Changed 14 years ago by
| Keywords: | render added |
|---|
comment:2 Changed 14 years ago by
| Keywords: | css float display block inline inline-block render removed |
|---|
comment:3 Changed 12 years ago by
| Component: | General → UI : Skins |
|---|---|
| Status: | new → confirmed |
| Version: | → 3.0 |
It looks like floated elements are included in CKEditor making the space above the toolbar bigger.
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.