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 almost 10 years ago
  • Added some crucial details I forgot Mike almost 10 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 almost 10 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 almost 10 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 almost 10 years ago by anddoutoi
  • I tried it too but scrollbars don't appear in my Browser. Did you do anything else? Mike almost 10 years ago