Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

CSS Help

ithcyithcy New
edited May 2006 in Vanilla 1.0 Help
i'm trying to get a div inside the vanilla content area to overflow with scrollbars but only vertically. (i want lines to wrap when they're too wide for the container.)
i can't get any scrollbars to appear in firefox no matter how i style it.
help me please. this is driving me bonkers.

below is <div style="width:300px; height:50px; overflow-y:scroll; overflow-x:hidden">. do you see any scrollbars?

this is a test this is a test this is a test this is a test this is a test
this is a test this is a test this is a test this is a test this is a test
this is a test this is a test this is a test this is a test this is a test
this is a test this is a test this is a test this is a test this is a test
this is a test this is a test this is a test this is a test this is a test

Comments

  • Options
    MarkMark Vanilla Staff
    Hmmm. How odd. It must be getting some kind of wacky style inherited from above to prevent it.

    Let's just use this thread to keep testing...
  • Options
    MarkMark Vanilla Staff
    edited May 2006
    overflow: auto;
    image


    overflow: scroll;
    image
  • Options
    MarkMark Vanilla Staff
    overflow: auto;
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla lectus. Donec semper. Etiam viverra porttitor turpis. Phasellus leo. Aliquam nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus lobortis imperdiet libero. Quisque porttitor. Donec sapien. Nullam vitae mi nec elit pretium sollicitudin. Nullam suscipit facilisis velit. Duis a augue vel tellus lobortis dapibus. Pellentesque sem diam, rhoncus et, commodo ac, tristique ut, elit. Pellentesque sed mauris. Fusce adipiscing justo a velit. Vivamus tortor.

    Pellentesque massa leo, rhoncus nec, euismod ac, ultricies et, turpis. In ac orci id purus aliquet interdum. Nam elit neque, vehicula quis, venenatis eget, placerat eget, urna. Sed nisl dolor, feugiat eget, accumsan eu, porttitor sed, diam. Etiam aliquet. Maecenas ultrices dolor ut pede. Proin ac felis sed odio ultricies pulvinar. Pellentesque in magna eu tortor tincidunt accumsan. Donec purus. Pellentesque fermentum, mi eu hendrerit malesuada, velit felis dictum sem, quis tincidunt eros purus nec quam. Praesent turpis. Pellentesque nisi ipsum, tincidunt quis, laoreet congue, elementum id, quam. Donec a mauris.
  • Options
    MarkMark Vanilla Staff
    overflow: scroll;
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla lectus. Donec semper. Etiam viverra porttitor turpis. Phasellus leo. Aliquam nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus lobortis imperdiet libero. Quisque porttitor. Donec sapien. Nullam vitae mi nec elit pretium sollicitudin. Nullam suscipit facilisis velit. Duis a augue vel tellus lobortis dapibus. Pellentesque sem diam, rhoncus et, commodo ac, tristique ut, elit. Pellentesque sed mauris. Fusce adipiscing justo a velit. Vivamus tortor.

    Pellentesque massa leo, rhoncus nec, euismod ac, ultricies et, turpis. In ac orci id purus aliquet interdum. Nam elit neque, vehicula quis, venenatis eget, placerat eget, urna. Sed nisl dolor, feugiat eget, accumsan eu, porttitor sed, diam. Etiam aliquet. Maecenas ultrices dolor ut pede. Proin ac felis sed odio ultricies pulvinar. Pellentesque in magna eu tortor tincidunt accumsan. Donec purus. Pellentesque fermentum, mi eu hendrerit malesuada, velit felis dictum sem, quis tincidunt eros purus nec quam. Praesent turpis. Pellentesque nisi ipsum, tincidunt quis, laoreet congue, elementum id, quam. Donec a mauris.
  • Options
    MarkMark Vanilla Staff
    Seems to work for me?
  • Options
    MarkMark Vanilla Staff
    edited May 2006
    this is a test this is a test this is a test this is a test this is a test
    this is a test this is a test this is a test this is a test this is a test
    this is a test this is a test this is a test this is a test this is a test
    this is a test this is a test this is a test this is a test this is a test
    this is a test this is a test this is a test this is a test this is a test


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla lectus. Donec semper. Etiam viverra porttitor turpis. Phasellus leo. Aliquam nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus lobortis imperdiet libero. Quisque porttitor. Donec sapien. Nullam vitae mi nec elit pretium sollicitudin. Nullam suscipit facilisis velit. Duis a augue vel tellus lobortis dapibus. Pellentesque sem diam, rhoncus et, commodo ac, tristique ut, elit. Pellentesque sed mauris. Fusce adipiscing justo a velit. Vivamus tortor.
  • Options
    MarkMark Vanilla Staff
    got it. If I make the height anything less than 34 pixels, the scrollbar doesn't appear. Don't know why...
  • Options
    MarkMark Vanilla Staff
    33px:
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla lectus. Donec semper. Etiam viverra porttitor turpis. Phasellus leo. Aliquam nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus lobortis imperdiet libero. Quisque porttitor. Donec sapien. Nullam vitae mi nec elit pretium sollicitudin. Nullam suscipit facilisis velit. Duis a augue vel tellus lobortis dapibus. Pellentesque sem diam, rhoncus et, commodo ac, tristique ut, elit. Pellentesque sed mauris. Fusce adipiscing justo a velit. Vivamus tortor.


    34px:
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla lectus. Donec semper. Etiam viverra porttitor turpis. Phasellus leo. Aliquam nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus lobortis imperdiet libero. Quisque porttitor. Donec sapien. Nullam vitae mi nec elit pretium sollicitudin. Nullam suscipit facilisis velit. Duis a augue vel tellus lobortis dapibus. Pellentesque sem diam, rhoncus et, commodo ac, tristique ut, elit. Pellentesque sed mauris. Fusce adipiscing justo a velit. Vivamus tortor.
  • Options
    The scrollbar still appears with Opera.
  • Options
    MarkMark Vanilla Staff
    I don't know why, but I thought this discussion was private. I feel silly now. Though I know I shouldn't.
  • Options
    Everybody point and laugh.
  • Options
    3stripe3stripe ✭✭
    edited May 2006
    image
  • Options
    ithcyithcy New
    edited May 2006
    hahahhaa@mark

    thanks mark. i had just figured out the same thing.
  • Options
    MarkMark Vanilla Staff
    ithcy: Was it a private thread when you made it?

    Because I edited your first comment, and maybe there's a bug in here somewhere...
  • Options
    lechlech Chicagoland
    It's too late now! MUAHAHAH!
  • Options
    no, it was public. :)
This discussion has been closed.