Advertisement:

Author Topic: Annoying vertical scroll bar in Internet Explorer  (Read 5810 times)

Offline dsanchez

  • Jr. Member
  • **
  • Posts: 237
  • Gender: Male
Annoying vertical scroll bar in Internet Explorer
« on: September 13, 2010, 10:30:28 AM »
In the right side of some posts, a vertical scroll bar appears. This only happens in Internet Explorer 8, maybe in earlier versions as well but I didn't confirm this (Google Chrome and Opera don't show these scroll bars). Look at this for example:

http://curefans.com/contests/fiba-2010-at-curefans-com/20/

Arni idea about how to fix this? I'm using the Prince of Darkness variant from the Curve theme.

Thanks in advance!
« Last Edit: September 14, 2010, 05:59:02 AM by dsanchez »
Curefans.com - The meeting point for Curefans worldwide
http://www.curefans.com

Offline Danny S.

  • Semi-Newbie
  • *
  • Posts: 95
Re: Annoying vertical scroll bar in Internet Explorer
« Reply #1 on: September 13, 2010, 01:41:12 PM »
I too would like to solve this issue. I've seen it happen on multiple themes and seems to be fairly random in occurance.

Offline mirahalo

  • SMF Hero
  • ******
  • Posts: 7,692

Offline dsanchez

  • Jr. Member
  • **
  • Posts: 237
  • Gender: Male
Re: Annoying vertical scroll bar in Internet Explorer
« Reply #3 on: September 13, 2010, 03:08:41 PM »
Just solved this ;)

Attach is an image showing the problem: vertical scrollbars in the right side of the box containing a post. This only occurs in IE.

The solution is to add this code to the index.css file in your theme folder. The class "inner" is the one used for the box containing the user's post. Adding the property overflow with the value hidden solve the problem in IE. In the other browsers this problem does not exist.

Code: [Select]
.inner
{
    overflow: hidden;
}
Curefans.com - The meeting point for Curefans worldwide
http://www.curefans.com

Offline Danny S.

  • Semi-Newbie
  • *
  • Posts: 95
Re: Annoying vertical scroll bar in Internet Explorer
« Reply #4 on: September 13, 2010, 04:46:07 PM »
Awesome fix!

Offline tragidy

  • Semi-Newbie
  • *
  • Posts: 57
  • Gender: Male
  • Open Source
Re: Annoying vertical scroll bar in Internet Explorer
« Reply #5 on: November 08, 2010, 11:34:48 AM »
Just solved this ;)


Code: [Select]
.inner
{
    overflow: hidden;
}

Do you have a working solution/fix for SMF 1.1.X for IE users, Ive attempted adding your fix to style.css however it does not make any changes IE 8 is still very much so showing the verts.
Open source Matters, the GNU GPL License is one of the most valuable text ever created by mankind.
Support all open source projects when possible as their concepts are paving the future. ~ tragidy

Offline dsanchez

  • Jr. Member
  • **
  • Posts: 237
  • Gender: Male
Re: Annoying vertical scroll bar in Internet Explorer
« Reply #6 on: November 08, 2010, 11:47:43 AM »
Can you post a link to your website?
Curefans.com - The meeting point for Curefans worldwide
http://www.curefans.com

Offline tragidy

  • Semi-Newbie
  • *
  • Posts: 57
  • Gender: Male
  • Open Source
Re: Annoying vertical scroll bar in Internet Explorer
« Reply #7 on: November 08, 2010, 11:50:32 AM »
Sure,

http://eclypse.cc we are a French site and most of the site is private for our game, but the bars appear just like in your screenshot identical!
Open source Matters, the GNU GPL License is one of the most valuable text ever created by mankind.
Support all open source projects when possible as their concepts are paving the future. ~ tragidy

Offline dsanchez

  • Jr. Member
  • **
  • Posts: 237
  • Gender: Male
Re: Annoying vertical scroll bar in Internet Explorer
« Reply #8 on: November 08, 2010, 11:57:56 AM »
Ok, looks like in SMF 1.1.X they have another name for this css class. Try with this:

Code: [Select]
.post
{
    overflow: hidden;
}

(at the end of your css file)
Curefans.com - The meeting point for Curefans worldwide
http://www.curefans.com

Offline tragidy

  • Semi-Newbie
  • *
  • Posts: 57
  • Gender: Male
  • Open Source
Re: Annoying vertical scroll bar in Internet Explorer
« Reply #9 on: November 08, 2010, 12:28:05 PM »
Ok, looks like in SMF 1.1.X they have another name for this css class. Try with this:

Code: [Select]
.post
{
    overflow: hidden;
}

(at the end of your css file)

Worked like a charm, thank you kindly for your fast reply and a resolution to this issue!

Kudos.
Open source Matters, the GNU GPL License is one of the most valuable text ever created by mankind.
Support all open source projects when possible as their concepts are paving the future. ~ tragidy