Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: dsanchez on September 13, 2010, 10:30:28 AM

Title: Annoying vertical scroll bar in Internet Explorer
Post by: dsanchez 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!
Title: Re: Annoying vertical scroll bar in Internet Explorer
Post by: Danny S. 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.
Title: Re: Annoying vertical scroll bar in Internet Explorer
Post by: mirahalo on September 13, 2010, 02:10:33 PM
there are a few tuts on google:

http://www.google.com/search?client=opera&rls=es-LA&q=scrollbars+on+IE&sourceid=opera&ie=utf-8&oe=utf-8
Title: Re: Annoying vertical scroll bar in Internet Explorer
Post by: dsanchez 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.

.inner
{
    overflow: hidden;
}
Title: Re: Annoying vertical scroll bar in Internet Explorer
Post by: Danny S. on September 13, 2010, 04:46:07 PM
Awesome fix!
Title: Re: Annoying vertical scroll bar in Internet Explorer
Post by: tragidy on November 08, 2010, 11:34:48 AM
Quote from: dsanchez on September 13, 2010, 03:08:41 PM
Just solved this ;)


.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.
Title: Re: Annoying vertical scroll bar in Internet Explorer
Post by: dsanchez on November 08, 2010, 11:47:43 AM
Can you post a link to your website?
Title: Re: Annoying vertical scroll bar in Internet Explorer
Post by: tragidy 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!
Title: Re: Annoying vertical scroll bar in Internet Explorer
Post by: dsanchez 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:


.post
{
    overflow: hidden;
}


(at the end of your css file)
Title: Re: Annoying vertical scroll bar in Internet Explorer
Post by: tragidy on November 08, 2010, 12:28:05 PM
Quote from: dsanchez 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:


.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.