Ticket #168 (new defect)

Opened 3 years ago

Last modified 2 years ago

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:1 Changed 3 years ago by mrtwice99

Oh, you can see the bug without actually resizing the box by simply putting a fixed height on wym_box:

.wym_box{
    height: 300px;
}

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.

comment:3 Changed 3 years ago by totoro

Related to #161.

comment:4 Changed 2 years ago by mr_lundis

  • Component changed from editor to plugin

comment:5 Changed 2 years ago by mr_lundis

  • Milestone 0.5 deleted
Note: See TracTickets for help on using tickets.