Using the Habbox Site Skin I noticed the awards overlay appears underneath the post below it, just a tiny thing to iron out!
![]()

Using the Habbox Site Skin I noticed the awards overlay appears underneath the post below it, just a tiny thing to iron out!
![]()
Last edited by HotelUser; 13-08-2011 at 04:31 PM.
I reported this a few weeks back but nothing came of it
The problem with a CSS fix is that IE8 interprets z-index differently from every other browser so I only came out with moderate success. We'll call this one an open source fix:
Not so pretty but pretty fast. From what I can see it's working on Chrome 15, Safari, IE8 (barely). Only problem is it doesn't resize the post proceding clicking out of the "awards" popup although that's a lot less of a cosmetic problem then the z-index allowing for an underlap in the first place.HTML Code:$(document).ready(function(){ $('.awards-popup').click(function(){ var scope = this; setTimeout(function(){ var tableheight = $(scope).parent().parent().parent().find('table').height(); if(parseInt($(scope).parent().parent().parent().parent().parent().parent().find('.postcontent').height()) < parseInt(tableheight)) $(scope).parent().parent().parent().parent().parent().parent().find('.postcontent').animate({'height':tableheight},500) },1000); }); });
If this isn't playing nice with anybody's browsers or any specific themes I'll fall back on another fix though. But lets cross our fingers for the meantime!
I'm not crazy, ask my toaster.
That's working nicely on Firefox too, it's a nice solution and changing the height of the post shouldn't bother those looking at awards too much.
Want to hide these adverts? Register an account for free!