Support

August 19, 2013 at 3:35 pm

Hi Tim,

There a few ways to fix this. What’s going on is the parent container is collapsing, so one way to fix this is to clear the floats. Some sample CSS follows:

This is one way:

.ui-widget-content:before,
.ui-widget-content:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.ui-widget-content:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.ui-widget-content {
    *zoom: 1;
}

The above will force the .ui-widget-container to clear the image. It will have the effect of adding whitespace below the register button.

Another solution will clear the .event-meta div:

.event-meta:before,
.event-meta:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.event-meta:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.event-meta {
    *zoom: 1;
}

This will have the effect of adding whitespace above the register button.