Mike 0

I have the following problem.

My Web-app is pretty finished now, but there is still one CSS Error that is pestering me. Here is the source of a static version of that particular place (File: Archive.zip). My problem is that "div#storyboard div#rightmenu div#rmbot ul#availableBots" has no scrollbars. Even if I add overflow: scroll to the source, it still doesn't display them. Instead the Bots all disappear.

What it should do: Keep the bots on the light blue area and add scrollbars if the content is too big.

Edit 1

Here is a screenshot of my Firebug that shows where the concerned "ul" is.

Additionally , I forgot to mention what file to download. My apologies... The file to download is Archive.zip

  • I currently can't find the mentioned div's in the example... so it's hard to figure out what the problem could be... Sven Finke over 8 years ago
  • Added some crucial details I forgot Mike over 8 years ago

3 answers

Mike 0
This was chosen as the best answer

Ok, I may be on something here. But the behavior is pretty weird.

If I add "overflow: auto" to "div#rightmenu ul" (means every ul there is), and remove the height attribute from "div#rightmenu ul#tabs", it all works again like it should. Now I don't know why it does that since everything has its own container and should be independant, but it works that way. Thanks for your help.

Answered over 8 years ago by Mike
div#storyboard div#rightmenu div#rmbot ul#availableBots {
    float: right;
    max-height: 437px;
    overflow-y: scroll;

Should do the trick - works in firefox 3.5

Answered over 8 years ago by nine_toes

Have no idea why but when I disable the overridden float property on line 339 in main.css the scroll appears. But that makes other things kind of break. It seems to be a very fragile solution and I would advise you to rethink the overall setup.

Answered over 8 years ago by anddoutoi
  • I tried it too but scrollbars don't appear in my Browser. Did you do anything else? Mike over 8 years ago