Fork me on GitHub

CSS scroll area, with overflow...  Bottom

  • I'm building a new theme (AutoTheme Lite), and I'd like to have the area that my main modules & center blocks pop up in a scroll area...

    here is the code that I'm using

    Quote



    Quote


    This is a scrolling are created with the CSS property overflow in a HTML block element.



    This is red color
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.


    This is a normal paragraph.
    This is big bold text


    This scrolling are can contain normal HTML like this link


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.





    Does anyone have any ideas or reasons why this wouldn't work? Cause I sure can't get it to... heh

    in addition, I was wondering if anyone could offer me any pearls of wisdom about possibly including/hacking a block on the login page (when a user logs in, where it says "Hang Tight... etc etc")
  • Seems to work O.K. on MSIE 5 and Moz 1.6...

    Perhaps it's not reading in the style correctly? (be sure to incoude in your theme's style.css AND styleNN.css)

    At any rate you could simply have:

    Code

    <DIV STYLE="height: 200px; width: 300px; overflow: auto; border: 1px solid  666; background-color: #ccc; padding: 8px; ">

    <? blocks('centre'); ?>

    </DIV>

    Replacing the
  • Hi there,

    Do your self a favour and grab this scrolling dhtml script: http://www.dyn-web.com/dhtml/scroll/

    Kindest regards
    Lobos

    --
    -Lobos
    Professional PHP Framework Services: Concept, Development and Deployment
  • 0 users

This list is based on users active over the last 60 minutes.