Evil scrollbar in firefox and opera

[miniCarl]

http://www.fristil.se/ny

A horizontal scrollbar appears in firefox and opera… I cant see why :(

[chrisburton]

This is your issue.

.fullWidth-left {width: 100%;}

[Mottie]

Actually it’s something within that… in the “header-socialbuttons”

[miniCarl]

What can I do about it?

[miniCarl]

Mottie is right… if i remove the header-socialbuttons div, the scrollbar disapears.
I tried applying an overflow:hidden, with no result :(

[Mottie]

Try this css:

div.header-socialbuttons iframe {

width: 0;

}

[miniCarl]

Didn’t help :/

[Mottie]

Wierd… I’m trying to use Firebug lite to inject css, but it’s a pain. So I know this script works, but that css (even with !important doesn’t)

$('div.header-socialbuttons iframe').width(0);

[miniCarl]

I tried injecting with firebug like you said, and indeed the scrollbar disapears… but so does the Google+1 button. I would like to keep it :p

[Mottie]

I don’t even see the Google +1 button. Ok so more specifically the problem iframe is this one:

$('iframe.FB_UI_Hidden').width(0);

See if using that keeps Google around… When you click the FB link the popup still seems to work.

[miniCarl]

I put it in a $(document).ready() thingy, and it solves the problem.
Altho, i’d rather have solved it with pure css.

[Mottie]

A js solution shouldn’t make a huge difference since the FB button is being added using js, so if it is turned off, I don’t think you’d see a button at all anyway.

Another solution would be to move the button(s) to the left side of the screen.

[Author]

Posts