Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

Scrollbar Compatibility Problem

website scrollbar tables

  • Please log in to reply
4 replies to this topic

#1 JackomoLight

JackomoLight

    CC Resident

  • Advanced Member
  • PipPipPipPip
  • 97 posts
  • Programming Language:PHP, Python, JavaScript, PL/SQL
  • Learning:C, Java, C++, Perl, Ruby, Lisp, Bash

Posted 14 June 2012 - 04:49 AM

Hi guys. I've just build a website, link, and I am having problem on the front page. Where a scrollbar shows up on the right hand side when viewed with the latest Firefox where there shoudn't be any scrollbars. I've tried a few things but to no avail so far. So any comments and suggestions are greatly appreciated. Thanks
  • 0

#2 wim DC

wim DC

    Roar

  • Expert Member
  • PipPipPipPipPipPipPipPip
  • 2681 posts
  • Programming Language:Java, JavaScript, PL/SQL
  • Learning:Python

Posted 14 June 2012 - 04:58 AM

There's your cause:

Black-theme.css - line 11

#main {
overflow: visible;
border-right: 4px solid
#555;
overflow: auto;


Is there a reason to have the overflow: auto? Otherwise just remove it :)
  • 0

#3 JackomoLight

JackomoLight

    CC Resident

  • Advanced Member
  • PipPipPipPip
  • 97 posts
  • Programming Language:PHP, Python, JavaScript, PL/SQL
  • Learning:C, Java, C++, Perl, Ruby, Lisp, Bash

Posted 14 June 2012 - 05:01 AM

Wow that was quick. Thanks
  • 0

#4 wim DC

wim DC

    Roar

  • Expert Member
  • PipPipPipPipPipPipPipPip
  • 2681 posts
  • Programming Language:Java, JavaScript, PL/SQL
  • Learning:Python

Posted 14 June 2012 - 05:03 AM

removing
border-collapse:collapse at around line 20 in default.css may also solve the problem.

That way you can keep the overflow if every more than 8 items would need to appear in the middle div - requiring the scrollbar.
  • 0

#5 JackomoLight

JackomoLight

    CC Resident

  • Advanced Member
  • PipPipPipPip
  • 97 posts
  • Programming Language:PHP, Python, JavaScript, PL/SQL
  • Learning:C, Java, C++, Perl, Ruby, Lisp, Bash

Posted 14 June 2012 - 05:10 AM

removing border-collapse: collapse and instead using: separate solved it but it caused some other issues.
  • 0





Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download