Can anybody shed any light on this issue please?

I have tried using 2 blocks now - both use AJAX to load some aspects and (see the attached) this is what happens. The Ajax content cannot be displayed alongside the main content so it gets pushed below.

Here is the firebug code for the attached - I have inspected the fivestar element which seems to be respinsible:

system...?luq8a3 (line 249)
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

div.fivestar-widget {
display: block;
}

Any help will be very much appreciated.

Regards,

Shaun

CommentFileSizeAuthor
#1 module_issue_heartbeat1.png26.73 KBdRaz
#1 module_issue_heartbeat2.png26.93 KBdRaz
block_issue1.png20.72 KBdRaz

Comments

dRaz’s picture

dRaz commented
StatusFileSize
new module_issue_heartbeat2.png26.93 KB
new module_issue_heartbeat1.png26.73 KB

Just to add....the other block I mentioned is the heartbeat activity blocks. All of these render the same as the above (there are 3 or 4 with the heartbeat module).

See attached....

shadcn’s picture

shadcn commented

Can you try with an overflow : hidden with the container div?

dRaz’s picture

dRaz commented

EDIT: see below :)

dRaz’s picture

dRaz commented

I added the overflow to:

#sidebar .block .content ul li {

in structure.css of the andormeda theme and that fixed the fivestar block - thanks :)

However, the heartbeat activity stream is still an issue.

I have resized the block contents so they are only 50px and still they get pushed below the main content so it is not a width issue.

The main element in firebug is showing as:

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

in modules/system/systembase.css.

Any thoughts?