Results 1 to 2 of 2

Thread: Overflow problem

  1. #1
    Join Date
    May 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Overflow problem

    Hi there actually I have a problem I have a web page with every thing mostly attached the only thing I want to be moving is the text in the middle of the page, the only problem is when I use the overflow feature it puts the scroll bar in the middle of the page which I don't want

    I want to be able to scroll the page using the side bar while controlling the height and width and position of the text so I can position it in the middle of the page. like this http://www.lolopinkshop.com/test.html

    like in Steve's page http://www.gbpubwalk.co.uk/MAIN-FSET.html

    he has the scroll on the side and it is controlling the thing in the middle.

    Thank you very much I really appreciate your time and help guys

  2. #2
    Join Date
    Jan 2007
    Location
    Charlotte, NC
    Posts
    82
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    position everything on the page you don't want to move to fixed like this:
    Code:
    #noScrollDiv {
       position:fixed 
    }
    then the stuff you want to scroll use position:relative or position:absolute with an overflow property. You can then set the width and height to what you want like this:
    Code:
    #scrollDiv {
       position:absolute;
       top:20px;
       left:100px;
       width:200px;
       height:100%; /*could also be a fixed dimension, 100% will give it 100% height of its parent element */
       overflow:scroll;
    }

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •