The shoutbox is working fine with inline in firefox
but iframe shows it with a huge scrollbar at the bottom of the block.

I cannot find any fix for this, I have tried it with changing the css and the module files
but I had no success.

I hope you could understand my problem, I dont want to use inline because the internet explorer sucks in this case and the sb-block is center aligned and not top aligned

I hope someone can find a solution

thanks

Comments

benshell’s picture

If you're getting a horizontal scrollbar at the bottom of the shoutbox, then check to see if any of your shouts have long text strings in them. The horizontal scrollbar isn't normally there, but it does show up when text overflows the normal shoutbox size.

Ignas’s picture

Status: Active » Needs review

Nice module, but not Firefox friendly :)
The same problems to me. The sulution is to add margin into shoutbox-posts class declaration:

div.shoutbox-posts {
  text-align: left;
  margin:0px 2px 0px -2px !important;
}

I'm not css guru, therefore this is not the best solution. But it works for me.
2. Another problem is that theme style affects this iFrame. Is it possible to not load theme (and other) CSS with this iFrame? I added a few lines into shoutbox CSS to solve this problem:

#shoutbox-body a {
 padding: 0px;	
}
#shoutbox-body a img{
 border: 0px;
}

Without this patch my shoutbox in Firefox looks absolutely terrible :) In IE - OK. This is not a best/universal solution, but it helps sometimes.
3. And the last one problem. Firefox do not shows images 'alt' attribute as tooltip. Therefore change Edit, Delete, Promote, Demote images 'alt' attributes into 'title', please :)

Ignas’s picture

Version: 4.6.x-1.x-dev » 4.7.x-1.x-dev

ps. I use latest 4.7 Drupal, my own theme and latest Shoutbox version 4.7

disterics’s picture

Status: Needs review » Closed (won't fix)

There is no iframe in version 5.x. Please consider upgrading. Marking this as a won't fix.