#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    West Midlands, U.K.
    Posts
    47
    Rep Power
    12

    Help with CSS: backgrounds, overflow etc


    Hi,

    I'm trying to do a design with: http://xlibrisclients.co.uk/flybynite/new/V1.htm in mind. I want the content to have a scrollbar if content goes off the page... basically want to achieve the look and feel of a frame base site such as: http://www.flybynite.co.uk/website/ but only using CSS and tables.

    Please help!

    Janusz
    http://www.xlibris.co.uk
    http://janusz.monkey-it.co.uk
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2003
    Posts
    56
    Rep Power
    12
    .overflowScroll { overflow: auto; }

    in your styles will make any <div class="overflowScroll"></div> (or indeed any block element that has been constrained by some sizing) sprout scrollbars.

    Beware, test well in Mozilla based browsers because you can get mixed results depending on what you put inside.

    Actually, just looking at that link i don't see your problem, you seem to have it sorted pretty well....
    Last edited by Glide; February 27th, 2004 at 06:21 AM.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2004
    Posts
    5
    Rep Power
    0

    Try this ...


    Try this ...

    <div style="width:500px;height:100px;overflow-Y:scroll;">
    <table border="0" cellpadding="0" cellspacing="0" height="200px">
    <tr>
    <td>This is your content Area.......scroll down</td>
    </tr>
    <tr>
    <td>Place your content here</td>
    </tr>
    </table>
    </div>


    set the div style to "overflow-Y:auto" in case you need the scroll to appear only when content exceeds the div height.
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    West Midlands, U.K.
    Posts
    47
    Rep Power
    12

    Nope


    When doing:

    <div style="width:500px;height:100px;overflow-Y:scroll;">
    <table border="0" cellpadding="0" cellspacing="0" height="200px">
    <tr>
    <td>This is your content Area.......scroll down</td>
    </tr>
    <tr>
    <td>Place your content here</td>
    </tr>
    </table>
    </div>

    The content goes all the way up i.e. over the top part of the banner

    Janusz
    http://www.xlibris.co.uk
    http://janusz.monkey-it.co.uk
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    West Midlands, U.K.
    Posts
    47
    Rep Power
    12

    D'oh


    Works in mozilla (bar the content going over the top of the banner) but it dont work in IE

    Ok,

    Basically, want to have a CSS based site which has look and feel of a framed based site.

    1) Top Banner goes along the top of the page and stays there
    2) Side menu comes below the banner and hugging the left side of the browser and this is fixed and does not move
    3) Content comes to the right of (2) and below (1) and if it exceeds page size, I want it to be scroll-able

    Please help!

    Janusz
    http://www.xlibris.co.uk
    http://janusz.monkey-it.co.uk
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2004
    Posts
    5
    Rep Power
    0

    How abt this......


    Take this.....
    <table border="1" cellpadding="0" cellspacing="0" height="200px">
    <tr height="50px">
    <td colspan="2">Place Top banner here</td>
    </tr>
    <tr>
    <td width="25%">
    Place Left Navigation here
    </td>
    <td width="75%">
    <div style="width:500px;height:150px;overflow-Y:scroll;">
    <table border="0" cellpadding="0" cellspacing="0" height="200px">
    <tr>
    <td>This is your content Area.......scroll down</td>
    </tr>
    <tr>
    <td>Place your content here</td>
    </tr>
    </table>
    </div>
    </td>
    </tr>
    </table>
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    West Midlands, U.K.
    Posts
    47
    Rep Power
    12

    Nope


    http://www.xlibris.co.uk
    http://janusz.monkey-it.co.uk
  14. #8
  15. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    West Midlands, U.K.
    Posts
    47
    Rep Power
    12

    SOlution


    Just wondering if this is available elsewhere - can see vertical, and can see horizontal, but not together

    Janusz
    http://www.xlibris.co.uk
    http://janusz.monkey-it.co.uk
  16. #9
  17. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1956
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  18. #10
  19. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    West Midlands, U.K.
    Posts
    47
    Rep Power
    12

    timeout


    seems to be a timeout when I access those pages

    :-(

    Nice sig!

    Janusz
    http://www.xlibris.co.uk
    http://janusz.monkey-it.co.uk

IMN logo majestic logo threadwatch logo seochat tools logo