Ticket #168 (new defect)
resize plugin breaks layout in IE 7
| Reported by: | mrtwice99 | Owned by: | jf.hovinne |
|---|---|---|---|
| Priority: | minor | Milestone: | |
| Component: | plugin | Version: | trunk |
| Keywords: | resizable plugin | Cc: |
Description
When using the resize plugin in IE 7, the wym_area_main jumps up to the top of the wym_box and covers wym_area_top. This does not happen in FF or IE 6. I was able to fix this problem with the following CSS:
/*FIX THE MAIN BLOCK COMMING UP AND OVER THE TOOLBAR IN IE7*/
/* the "*:first-child+html" is a hack that targets IE7 only */
*:first-child+html .wym_box {
position: relative;
padding-top: 0px;
}
*:first-child+html .wym_area_top {
position: absolute;
top: 5px;
left: 5px;
}
*:first-child+html .wym_area_main {
margin-top: 60px;
}
Change History
comment:2 Changed 3 years ago by totoro
- Keywords resizable plugin added
- Priority changed from major to minor
The proposed workaround doesn't fix anything for me.
Is there a test page available?
BTW, I'd suggest using *+html (instead of *:first-child+html), since this hack is already used in skin.css.
Note: See
TracTickets for help on using
tickets.
Oh, you can see the bug without actually resizing the box by simply putting a fixed height on wym_box:
.wym_box{ height: 300px; }