Ticket #168 (new defect)

Opened 17 months ago

Last modified 4 months 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

Changed 17 months 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;
}

Changed 16 months 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.

Changed 16 months ago by totoro

Related to #161.

Changed 5 months ago by mr_lundis

  • component changed from editor to plugin

Changed 4 months ago by mr_lundis

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